עורך ויזואלי

העורך הויזואלי נותן אפשרות לכתוב בצורה המזכירה שימוש בתוכנות עיבוד תמלילים רגילות. למרות הדמיון חשוב לזכור שבעורך רואים רק את התוכן והרבה מאוד אלמנטים הקשורים להצגה שלו יוספו על ידי התבנית בזמן ההצגה עצמה.

וורדפרס נותן אפשרות לתבניות לעצב את התוכן הנערך כך שיראה מידית בצורה הדומה לתוצאה הסופית, אבל הישום של האפשרות הזו תלוי רק במפתחי התבנית.

עריכת טקסט מתבצעת בצורה דומה לשימוש בתוכנת עיבוד תמלילים, יש סמן המציין היכן תוכנס האות הבאה שתוקלד, ניתן לשנות את המאפינים של האות הבאה – צבע, הדגשה וכו, ניתן לסמן טקסט ולשנות את המאפינים שלו, ניתן לגזור להדביק ולהזיז טקסט באותה צורה כמו בכל תוכנה אחרת.

עריכת קישורים מתבצעת על ידי שימוש בכפתורי השרשרת.

עריכת תמונות מתבצעת בשתי צורות, הכנסה מתבצעת דרך כפתור "הוספת מדיה" שמופיע מימין ומעל לעורך ופותח את חלונית הוספת המדיה. עריכה ומחיקה מתבצעת על ידי סימון התמונה על ידי הקלקה עליה שיגרום להופעת כפתורי שינוי מאפיני תמונה מעליה.
תמונות ניתן גם לגרור למקום אחר בתוכן. לא ניתן להעלות תמונה לתוכן על ידי גרירה שלה מתוכנה אחרת לתוך התוכן וגם לא על ידי הדבקה של תמונה שנוצרה בתוכנה אחרת. ניתן להוסיף תמונות רק דרך הוספת המדיה בעריכה או הוספה לספרית המדיה.
משתמש בעל תפקיד "תורם" לא יכול להעלות תמונות לאתר ומאחר שכפתור "הוספת מדיה" אינו זמין עבורו הוא יכול להכניס תמונה רק דרך שימוש בעורך הטקסט, שהמעבר אליו נעשה דרך הקלקה על הכפתור "עורך טקסט" מצד שמאל למעלה, והכנסת קוד HTML מתאים.

עריכת גלרית תמונות מתבצעת בשתי צורות, הכנסה מתבצעת דרך כפתור הוספת המדיה שמופיע מימין ומעל לעורך ופותח את חלונית הוספת המדיה בה חלונית הגלריה מאפשרת הוספת גלריה. בתוך התוכן גלריה מוצגת על ידי שטח שבמרכזו תמונה של מצלמה.

עריכה ומחיקה מתבצעת על ידי סימון השטח על ידי הקלקה עליו שיגרום להופעת בפתורי עריכת גלריה מעליו, ולחיצה על כפתור התמונה יפתח את חלונית הגדרות הגלריה.

עריכת סוגי תוכן אחרים אפשרית על ידי שימוש בקוד מקוצר מתאים, דבר הנעשה דרך עריכת הטקסט הרגילה.

נוסף לכפתורי הפקודות שיפורטו בהמשך יש הרבה מאוד קיצור מקלדת.

editor

כברירת מחדל מוצגת רק שורת הכפתורים הראשונה וצריך להקליק על כפתור הריבועים בכדי לגרום להצגת השורה השניה

התיאור של הכפתורים בשורה העליונה מימין לשמאל:

  • B (מקלדת Ctrl + B) – סימון טקסט כחשוב יותר (בתוך טקסט חשוב יותר יכול להיות טקסט עוד יותר חשוב וכן הלאה). ברוב התבניות טקסט שסומן כך יוצג מודגש (בולד).
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור וחלק ממנו לא היה מסומן בטקסט חשוב, הוא יהפוך לטקסט המסומן כחשוב יותר, אחרת אם כל הטקסט היה חשוב הוא יהפוך לרגיל. אם לא היה טקסט מסומן הכפתור יעבור למצב שקוע וכל תוכן שיכתב מרגע זה יהיה טקסט "חשוב יותר" עד שהכפתור יוקלק שוב
  • I (מקלדת Ctrl + I) – סימון טקסט כמודגש. ברוב התבניות טקסט שסומן כך יוצג נטוי.
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור וחלק ממנו לא היה מסומן כמודגש, הוא יהפוך לטקסט מודגש, אחרת אם כל הטקסט היה מודגש הוא יהפוך לרגיל. אם לא היה טקסט מסומן הכפתור יעבור למצב שקוע וכל תוכן שיכתב מרגע זה יהיה טקסט מודגש עד שהכפתור יוקלק שוב
  • ABC (מקלדת Ctrl + D) – סימון טקסט כמחוק (טקסט שהיה חלק מהתוכן ונמחק). ברוב התבניות טקסט שסומן כך יוצג עם קו אמצעי.
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור וחלק ממנו לא היה מסומן כמחוק, הוא יהפוך לטקסט מחוק, אחרת אם כל הטקסט היה מחוק הוא יהפוך לרגיל. אם לא היה טקסט מסומן הכפתור יעבור למצב שקוע וכל תוכן שיכתב מרגע זה יהיה טקסט מחוק עד שהכפתור יוקלק שוב
  • תמונת שורות ועיגולים (מקלדת Ctrl + U) – שני מצבים, שקוע ולא שקוע
    • מצב לא שקוע – יגרום לתחילת רשימה ללא סדר חשיבות. השורה בה נמצא הסמן תהיה ההאיבר הראשון ברשימה וכל הקלקה על כפתור enter במקלדת יתחיל איבר חדש ברשימה. בכדי להתחיל שורה חדשה בלי להתחיל איבר חדש צריך להקליק shift+enter
      בכדי לסיים את המצב הזה תריך להקליק enter על שורה בלי תוכן
    • מצב שקוע – מסמן שהסמן נמצא בתוך רשימה ללא סדר חשיבות. הקלקה על הכפתור תגרום להוצאת השורה בה הסמן נמצא מתוך הרשימה. אם השורה היא באמצע ברשימה יתבצע פיצול של הרשימה לשתיים, מעל ומתחת לשורה.
  • תמונת שורות וספרות  (מקלדת Ctrl + O) – שני מצבים, שקוע ולא שקוע
    • מצב לא שקוע – יגרום לתחילת רשימה בעלת סדר חשיבות. רשימה כזו בדרך כלל מוצגת ממוספרת כאשר המספור נקבע על ידי הדפדפן (כלומר אין צורך לציין מספרים כחלק מהטקסט) השורה בה נמצא הסמן תהיה ההאיבר הראשון ברשימה וכל הקלקה על כפתור enter במקלדת יתחיל איבר חדש ברשימה. בכדי להתחיל שורה חדשה בלי להתחיל איבר חדש צריך להקליק shift+enter
      בכדי לסיים את המצב הזה תריך להקליק enter על שורה בלי תוכן
    • מצב שקוע – מסמן שהסמן נמצא בתוך רשימה בעלת סדר חשיבות. הקלקה על הכפתור תגרום להוצאת השורה בה הסמן נמצא מתוך הרשימה. אם השורה היא באמצע ברשימה יתבצע פיצול של הרשימה לשתיים, מעל ומתחת לשורה ולכל רשימה יהיה מספור משלה.
  • מרחאה – סימון טקסט כציטוט. ברוב התבניות טקסט שסומן כך מוצג בפונט שונה או עם רקע שונה.
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור הוא יהפוך לציטוט, אחרת הכפתור יעבור למצב שקוע וכל תוכן שיכתב מרגע זה יהיה חלק מהציטוט עד שהכפתור יוקלק שוב.
  • תמונת שורות מיושרות לשמאל (Alt + Shift + L) – גורם לשורות הפיסקה להיות מיושרות לשמאל (שימושי אם רוצים להציג טקסט באנגלית כחלק מהעברית). מוצג כשקוע כאשר הפיסקה מיושרת לשמאל ובמצב הזה הקלקה נוספת תבטל את הישור
  • תמונת שורות מיושרות למרכז (Alt + Shift + C) – גורם לשורות הפיסקה להיות מוצגות במרכז חלון הדפדפן (שימושי אם רוצים כותרת שתופיעה במרכז הדף). מוצג כשקוע כאשר הפיסקה ממורכזת ובמצב הזה הקלקה נוספת תבטל את המירכוז
  • תמונת שורות מיושרות לימין (Alt + Shift + R) – גורם לשורות הפיסקה להיות מיושרות לימין (בדרך כלל אין צורך בכך כי ברירת המחדל בעברית היא ישור לימין). מוצג כשקוע כאשר הפיסקה מיושרת לימין ובמצב הזה הקלקה נוספת תבטל את הישור
  • תמונת שרשרת (Alt + Shift + A) – הכנסת קישור. לחיצה על הכפתור כאשר יש טקסט מסומן תפתח חלונית הוספת קישור והטקסט ישמש כטקסט (עוגן) של הקישור.
    אם הסמן נמצא על קישור (בלי לסמן את הטקסט), החלונית תיפתח עם הפרטים של הקישור
  • תמונת שרשרת שבורה – נגיש כאשר הסמן נמצא על קישור. אם אין טקסט מסומן הקישור נמחק ונשאר טקסט רגיל. אם חלק מטקסט הקישור מסומן הוא יהפוך להיות טקסט רגיל ללא קישור. אם הטקסט נמצא באמצע טקסט הקישור הקישור יפוצל לשני קישורים המצביעים לאותה כתובת.
  • תמונת דף נחתך (Alt + Shift + T) – מכניס סמן חיתוך. בתבניות מסוימות כאשר פוסטים מוצגים בדף הבית התוכן שיוצג יהיה רק זה שמעל לסמן החיתוך. הסמן נראה כך

    וניתן לבטל.למחוק אותו על ידי לחיצה עליו והקלקה על לחצן המחיקה
  • בודק איות (Alt + Shift + N) – לחיצה על החץ תפתח תפריט ממנו ניתן לבחור את השפה. לחיצה על הכפתור תבדוק את האיות של הטקסט המסומן בהתאם לשפה בה בחרנו. למרות שבין השפות נכללת עברית היא לא נתמכת בפועל. במקרה של טעויות באיות המילה תסומן בקו תחתי אדום והקלקה עליה תציג מילים שלהן אולי היתה הכוונה

    בחיר במילה מתוך הרשימה תחליף את המילה המקורית איתה.
  • תמונת פיצוץ (Alt + Shift + G) – מעביר את העורך למצב מסך מלא
  • תמונת ריבועים (Alt + Shift + Z) – פותח וסוגר את שורת הכפתורים השניה
  • חץ ימינה – משנה את כיווניות הפיסקה בה נמצא הסמן כך שיהיה משמאל לימין (שימושי אם רוצים להציג טקסט באנגלית כחלק מהעברית). כאשר הכפתור במצב שקוע הקלקה עליו תעביר את הפסקה בה נמצא הסמן למצב רגיל

התיאור של הכפתורים בשורה התחתונה מימין לשמאל

  • פורמט – מציג את סוג הפסקה בה נמצא הסמן. לחיצה על הכפתור מציגה סוגי פסקאות. בחירה של סוג פסקה מהרשימה תשנה את סוג הפיסקה בה נמצא הסמן. הסוגים הקיימים כברירת מחדל:
    • פסקה רגילה – פסקה טקסט רגילה
    • כתובת – פסקה המציקה מידע ליצירת קשר עם הכותב. כברירת מחדל רוב הדפדפנים יציגו את התוכן של פסקה כזו כטקסט נטוי
    • שבירת שורות ידנית – פסקה בה מוצגים כל הרווחים בניגוד לברירת המחדל של HTML שהופך רווחים עוקבים לרווח אחד. בדרך כלל פסקאות כאלות מוצגות בגופן שונה מזה המשמש בפסקאות רגילות
    • כותרות רמות 1-6 – פסקה המשמשת כותרת. ככל שמספר הרמה נמוך יותר התוכן של הפסקה חשוב יותר. בדרך כלל טקסט בפסקה כזו יוצג מודגש ובפונט גדול יותר מהטקסט בפסקה רגילה כאשר כל רמה תוצג גדול יותר מהרמות מתחתיה.
      לא מתבצע מספור אוטומטי של כותרות
  • U (מקלדת Ctrl + U) – סימון טקסט עם קו תחתון.
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור וחלק ממנו לא היה עם קו תחתון, הוא יהפוך לטקסט עם קו תחתון, אחרת אם כל הטקסט היה קו תחתון הוא יהפוך לרגיל. אם לא היה טקסט מסומן הכפתור יעבור למצב שקוע וכל תוכן שיכתב מרגע זה יהיה עם קו תחתון עד שהכפתור יוקלק שוב
  • תמונת שורות זהות (Alt + Shift + J) – גורם לשורות הפיסקה להיות מיושרות לשני הצדדים. מוצג כשקוע כאשר הפיסקה מיושרת לשני הצדדים ובמצב הזה הקלקה נוספת תבטל את הישור
  • בחירת צבע טקסט – משנה את צבע הטקסט לצבע הנבחר. תחת החץ בוחרים את הצבע והקלקה על הכפתורים גורמת לתחילת השימוש בו. אם יש טקסט מסומן הצבע שלו ישונה באופן מידי. כל טקסט שיוקלד אחרי הסימון ולפני תחילת פסקה חדשה יהיה בצבע הזה. תחילת פסיקה חדשה מפסיקה את השימוש בצבע עבור הטקסט.

    הקלקה על "עוד צבעים" תפתח חלונית עם אפשרויות בחירה גמישות יותר

  • T על גבי לוח – הכנסה טקסט בהעתקה תוך מחיקה מידע עיצובי (כלומר ההעתקה של הטקסט בלבד. משמש כאשר רוצים להכניס תוכן שהועתק מוורד או מהאינטרנט אבל מעוניינים רק בטקסט עצמו.

    הקלקה על "להכניס" תכניס את הטקסט לתוך התוכן הנערך. אם לא מסומן "לשמור את שבירת השורות" הטקסט יוכנס כשורה אחת.
  • W על גבי לוח – הכנסה טקסט מתוך מסמך וורד תוך שמירה על המידע העיצובי אך מחיקה של מידע לא נחוץ שוורד בדרך כלל מוסיף.

    הקלקה על "להכניס" תכניס את הטקסט לתוך התוכן הנערך.
  • תמונת סימן שאלה – מציג מסך עזרה על השימוש בעורך

עורך ויזואלי גירסת המסך המלא

גרסת המסך המלא של העורך הויזואלי נותן אפשרות לכתוב באופן ישיר את התוכן בדף בו אין שום דבר פרט לעורך ומספר מינימלי של כפתורי פעולות. לדף זה ניתן להגיע מאפשרות ה"מסך מלא" בעורך הויזואלי הרגיל.

העורך הזה עובד עם כל קיצורי המקלדת של העורך הרגיל, גם אלו המבצעים פעולות שאין עבורן כפתור.

editor

במצב רגיל מוצגים רק הכותרת ואזור העריכה. אזור הפעולות העליון מוצג רק כאשר העכבר נמצא בראש חלון הדפדפן. אין צורך לגלגול את החלון אלא רק להעביר את העכבר למעלה.

התיאור של הכפתורים באזור העליון מימין לשמאל:

  • תצוגה רגילה – יוצא ממצב מסך מלא ומציג את העורך הויזואלי הרגיל
  • עורך ויזואלי – לא עושה דבר, המצב השקוע עוזר לזהות שאנחנו בעורך הויזואלי
  • עורך טקסט – עובר לעריכה בעורך הטקסט במצב מסך מלא
  • B – סימון טקסט כחשוב יותר (בתוך טקסט חשוב יותר יכול להיות טקסט עוד יותר חשוב וכן הלאה). ברוב התבניות טקסט שסומן כך יוצג מודגש (בולד).
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור וחלק ממנו לא היה מסומן בטקסט חשוב, הוא יהפוך לטקסט המסומן כחשוב יותר, אחרת אם כל הטקסט היה חשוב הוא יהפוך לרגיל. אם לא היה טקסט מסומן הכפתור יעבור למצב שקוע וכל תוכן שיכתב מרגע זה יהיה טקסט "חשוב יותר" עד שהכפתור יוקלק שוב
  • I – סימון טקסט כמודגש. ברוב התבניות טקסט שסומן כך יוצג נטוי.
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור וחלק ממנו לא היה מסומן כמודגש, הוא יהפוך לטקסט מודגש, אחרת אם כל הטקסט היה מודגש הוא יהפוך לרגיל. אם לא היה טקסט מסומן הכפתור יעבור למצב שקוע וכל תוכן שיכתב מרגע זה יהיה טקסט מודגש עד שהכפתור יוקלק שוב
  • תמונת שורות ועיגולים – שני מצבים, שקוע ולא שקוע
    • מצב לא שקוע – יגרום לתחילת רשימה ללא סדר חשיבות. השורה בה נמצא הסמן תהיה ההאיבר הראשון ברשימה וכל הקלקה על כפתור enter במקלדת יתחיל איבר חדש ברשימה. בכדי להתחיל שורה חדשה בלי להתחיל איבר חדש צריך להקליק shift+enter
      בכדי לסיים את המצב הזה תריך להקליק enter על שורה בלי תוכן
    • מצב שקוע – מסמן שהסמן נמצא בתוך רשימה ללא סדר חשיבות. הקלקה על הכפתור תגרום להוצאת השורה בה הסמן נמצא מתוך הרשימה. אם השורה היא באמצע ברשימה יתבצע פיצול של הרשימה לשתיים, מעל ומתחת לשורה.
  • תמונת שורות וספרות – שני מצבים, שקוע ולא שקוע
    • מצב לא שקוע – יגרום לתחילת רשימה בעלת סדר חשיבות. רשימה כזו בדרך כלל מוצגת ממוספרת כאשר המספור נקבע על ידי הדפדפן (כלומר אין צורך לציין מספרים כחלק מהטקסט) השורה בה נמצא הסמן תהיה ההאיבר הראשון ברשימה וכל הקלקה על כפתור enter במקלדת יתחיל איבר חדש ברשימה. בכדי להתחיל שורה חדשה בלי להתחיל איבר חדש צריך להקליק shift+enter
      בכדי לסיים את המצב הזה תריך להקליק enter על שורה בלי תוכן
    • מצב שקוע – מסמן שהסמן נמצא בתוך רשימה בעלת סדר חשיבות. הקלקה על הכפתור תגרום להוצאת השורה בה הסמן נמצא מתוך הרשימה. אם השורה היא באמצע ברשימה יתבצע פיצול של הרשימה לשתיים, מעל ומתחת לשורה ולכל רשימה יהיה מספור משלה.
  • מרחאה – סימון טקסט כציטוט. ברוב התבניות טקסט שסומן כך מוצג בפונט שונה או עם רקע שונה.
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור הוא יהפוך לציטוט, אחרת הכפתור יעבור למצב שקוע וכל תוכן שיכתב מרגע זה יהיה חלק מהציטוט עד שהכפתור יוקלק שוב.
  • תמונת מצלמה – פותח את חלונית הוספת המדיה
  • תמונת שרשרת – הכנסת קישור. לחיצה על הכפתור כאשר יש טקסט מסומן תפתח חלונית הוספת קישור והטקסט ישמש כטקסט (עוגן) של הקישור.
    אם הסמן נמצא על קישור (בלי לסמן את הטקסט), החלונית תיפתח עם הפרטים של הקישור
  • תמונת שרשרת שבורה – נגיש כאשר הסמן נמצא על קישור. אם אין טקסט מסומן הקישור נמחק ונשאר טקסט רגיל. אם חלק מטקסט הקישור מסומן הוא יהפוך להיות טקסט רגיל ללא קישור. אם הטקסט נמצא באמצע טקסט הקישור הקישור יפוצל לשני קישורים המצביעים לאותה כתובת.
  • תמונת סימן שאלה – מציג רשימה של קיצורי מקלדת
  • עדכן – מבצע שמירה של התוכן

עורך טקסט (HTML) גירסת המסך המלא

גרסת המסך המלא של עורך הטקסט נותן אפשרות לכתוב באופן ישיר את התוכן כHTML בדף בו אין שום דבר פרט לעורך ומספר מינימלי של כפתורי פעולות. לדף זה ניתן להגיע מאפשרות ה"מסך מלא" בעורך הטקסט הרגיל.

editor

במצב רגיל מוצגים רק הכותרת ואזור העריכה. אזור הפעולות העליון מוצג רק כאשר העכבר נמצא בראש חלון הדפדפן. אין צורך לגלגול את החלון אלא רק להעביר את העכבר למעלה.

התיאור של הכפתורים באזור העליון מימין לשמאל:

  • תצוגה רגילה – יוצא ממצב מסך מלא ומציג את עורך הטקסט הרגיל
  • עורך ויזואלי – עובר לעריכה בעורך הויזואלי במצב מסך מלא
  • עורך טקסט – לא עושה דבר, המצב השקוע עוזר לזהות שאנחנו בעורך הטקסט
  • תמונת מצלמה – פותח את חלונית הוספת המדיה
  • תמונת שרשרת – הכנסת קישור. לחיצה על הכפתור תפתח חלונית הוספת קישור. אם היה טקסט מסומן בזמן הלחיצה הוא ישמש כטקסט (עוגן) של הקישור אחרת הקישור יהיה ללא טקסט ויהיה צריך להוסיף את הטקסט על מנת שהקישור יוצג בדפדפנים.
  • עדכן – מבצע שמירה של התוכן

ניהול נגיש של וידג'ט

זהו דף המאפשר לנהל וידג'ט בצורה נגישה כאשר אין גישה לעכבר או בגלל העדפה אישית. לדף הזה מגיעים מתוך ניהול וידג'טים בצורה נגישה.

בדף הזה ניתן לשנות את הגדרות הוידג'ט, לשייך אותו לעמודה צדדית, להעביר אותו למצב לא פעיל או למחוק אותו.

בזמן תהליך שיוך לעמודה צריך לבחור את העמודה על ידי סימון לידי השם שלה ואז לבחור בתיבת הבחירה את המיקום שלה בעמודה.

בשביל להעביר לרשימת הוידג'טים הלא פעילים צריך לסמן את האשרות הזו.

הקלקה על "מחיקה" תמחק את הוידג'ט

בתהליך ההוספה של וידג'ט במקום מחיקה תופיע אפשרות ביטול.

ניהול וידג'טים בצורה נגישה

בדף הניהול הנגיש של הוידג'טים ניתן לשייך וידג'טים לעמודות צדדיות ולשנות את המאפינים שלהם. לדף זה מגיעים דרך תפריט "עיצוב" >> "וידג'טים"  אם ניהול הוידג'טים הקודם היה נגיש, או מאפשרויות התצוגה במסך ניהול הוידג'טים.

באפשרויות התצוגה ניתן להפעיל את פונקציונליות ניהול וידג'טים הרגיל. חלוקת האזורים זהה לזו של ניהול הוידג'טים הרגיל עם ההבדלים הבאים

ניהול וידג'טים

בדף ניהול הוידג'טים ניתן לשייך וידג'טים לעמודות צדדיות ולשנות את המאפינים שלהם. לדף זה מגיעים דרך תפריט "עיצוב" >> "וידג'טים"

באפשרויות התצוגה ניתן להפעיל את פונקציונליות ניהול וידג'טים בצורה נגישה. הצורה הנגישה מוכוונת לשימוש במקלדת והיא נוחה לשימוש במחשבים בהם אין עכבר ולאנשים שלא מסתדרים עם גישת הגרירה של הממשק הרגיל.

הדף מחולק לשלושה חלקים

  • ימני עליון – בחלק הזה מופיע רשימה של כל הוידג'טים הזמינים להוספה. על מנת להוסיף וידג'ט לעמודה צדדית גוררים את הוידג'ט אל העמודה הצדדית ואל המיקום בעמודה בה רוצים שהוא יופיע. השינוי מתבצע מידית באתר
    עבור כל וידג'ט מופיע השם והתיאור שלו
  • שמאלי – בחלק הזה מופיעות העמודות הצדדיות הקיימות באתר. בדרך כלל העמודות מוגדרות על ידי התבנית אבל קיימים תוספים המאפשרים במקרים מסוימים הוספה של עמודות ללא צורך בתכנות.
    לחיצה על הכותרת של העמודה תציג או תסתיר את הוידג'טים הנכללים בה. תאשר הם מוצגים הוידג'טים מופיעים בסדר בו  הם יוצגו בדפי האתר כאשר העמודה מוצגת בצורה אנכים או מימין לשמאל כאשר העמודה מוצגת אופקית.
    עבור כל וידג'ט המופיע בעמודה לחיצה על הכותרת תפתח אזור הגדרות ספציפי עבור הוידג'ט. הכותרת המוצגת היא בדרך כלל הכותרת שתוצג מעל לוידג'ט בדפי האתר או שם הוידג'ט.
    בתחתית כל וידג'ט מופיעות שלוש אפשרויות:

    • מחיקה – מסירה את הוידג'ט מתוך העמודה. השינוי מתבצע מידית באתר
    • לסגור – סוגרת את חלונית ההגדרות של הוידג'ט
    • שמירה – שומרת את ההגדרות של הוידג'ט

    ניתן להעביר וידג'טים לעמודות אחרות על ידי כרירה שלהן לתוכן או להסיר וידג'טים בלי למחוק אותם כך שהם ישמרו על ההגדרות שלהם על ידי גרירה שלהם לאזור הימני התחתון. השינוי מתבצע מידית באתר

  • ימני תחתון – באזור זה נשמרים כל הוידג'טים הלא פעילים. אלו וידג'טים שנגררו מתוך האזור השמאלי והם שומרים על ההגדרות שלהם כפי שהיו כשהיו פעילים. הקלקה על הכותרת שלהם פותחת את חלונית ההגדרות וניתן לבצע בה שינויים, אך לשינויים אלו לא יהיה יהיה אפקט מידי.
    בתחתית כל וידג'ט מופיעות שלוש אפשרויות:

    • מחיקה – מסירה את הוידג'ט מתוך האזור. המשמעות היא שההגדרות של הוידג'ט יאבדו
    • לסגור – סוגרת את חלונית ההגדרות של הוידג'ט
    • שמירה – שומרת את ההגדרות של הוידג'ט

    ניתן לגרור וידג'ט מהאזור הזה אלא אחת העמודות באזור השמאלי. השינוי מתבצע מידית באתר

חלונית הוספת קישור

החלונית הזו נפתחת מתוך העורך כאשר רוצים להכניס קישור לתוך התוכן. יש לה שני מצב פעולה

  • בסיסי – מיועד להכנסת קישור כאשר כבר ידועה לנו הכתובת אליה מקשרים
  • פנימי – מיעוד לקשר לתוכן אחר בתוך האתר

במצב הבסיסי:

  • כתובת URL – הכתובת אליה יוביל הקישור
  • כותרת – הטקסט שיוצג כאשר העכבר נמצא מעל לקישור
  • הקישור יפתח בלשונית חדשה – אם מסומן, הדף המקושר אמור להפתח בחלון חדש בדפדפן. כדאי לדעת שרוב הדפדפנים רואים בזה רק המלצה ויתכן שיתעלמו ממנה
  • או קישור פנימי באתר – מציג את החלונית במצב של הכנסת קישור פנימי
  • הוסף קישור – יגרום לסגירת החלונית והוספת הקישור במקום בו נמצא הסמן בתוכן

במצב החיפוש הפנימי ניתן לבצע חיפוש בתוך התוכן של האתר ולבחור מהתוצאות את התוכן אליו רוצים לקשר.

החיפוש מתבצע על ידי הזנת הטקסט שמחפשים אחריו לתוך תיבת ה"חיפוש". התוצאות המוצגות מראות את כל התכנים שהטקסט מופיע בכותרת או בתוכן שלהם בסדר מהחדש לישן. כאשר לא מוזן טקסט לחיפוש יוצגו כל התכנים.

תוצאות החיפוש מוצגות כרשימה בה מוצג הכותרת של התוכן ותאריך הפרסום אם זה פוסט או הסוג שלו אם זה עמוד.

החלונית לא מראה בבת אחת את כל התוצאות (באתרים גדולים עשוי להיות מדובר במאות ואלפים) אבל גלילה לתחתית התוצאות תגרום להצגת סט התוצאות הבא מתחת לסט המוצג באותו רגע.

הקלקה על שורה תגרום להכנסת הכתובת של אותו תוכן לתיבת ה"כתובת URL", והכותרת של התוכן לתיבת "כותרת"

עורך טקסט (HTML)

עורך הטקסט נותן אפשרות לכתוב באופן ישיר את התוכן כHTML. יש שלוש סיבות עיקריות לשימוש בו במקום העורך הויזואלי

  • לשלב קוד HTML שהתקבל ממקור אחר (אחת מהדרכים להוסיף סרטון יוטיוב)
  • לתקן קוד שהתקלקל תוך כדאי שימוש בעורך הויזואלי (ההעתקה והדבקה מתוך המסמך הנערך או ממקורות חיצוניים כמו וורד)
  • להוסיף הוראות תצוגה (CSS) לאלמנטים מסוימים

למרות שהסיבה העיקרית לשימוש בעורך זה היא שינוי הHTML, צריך לזכור שהHTML המוצג בעורך אינו הHTML הסופי שישלח לדפדפן מאחר שוורדפרס יעשה שינויים בקוד הזה. השינוי הבולט ביותר הוא הפיכת שורות ריקות לסוף פיסקה ותחילת פיסקה חדשה.

למרות שבעורך עצמו ניתן להכניס כל קוד HTML חוקי, יתכן שחלק מהHTML יסונן אם לכותב אין הרשאות מתאימות. העיקר יסוננו תגי IFRAME וSCRIIPT כאשר האתר הוא חלק מרשת אתרים, או כאשר המשתמש אינו בתפקיד מנהל או עורך.

לעורך יש גרסת מסך מלא בה מוצג רק העורך.

editor

הכפתורים מעל אזור העריכה מיועדים הכנסת תגי HTML וביצוע פעולות. התיאור של הכפתורים מימין לשמאל:

  • b – סימון טקסט כחשוב יותר (בתוך טקסט חשוב יותר יכול להיות טקסט עוד יותר חשוב וכן הלאה). ברוב התבניות טקסט שסומן כך יוצג מודגש (בולד).
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור הוא יהפוך לטקסט המסומן כחשוב יותר, אחרת יוכנס במקום בו נמצא הסמן אלמנט <strong> המסמן את תחילת הטקסט החשוב וצריך יהיה להזיז את הסמן למקום בו נגמר הטקסט החשוב וללחוץ שוב על הכפתור (שאז יופיע כ /b) על מנת שהטקסט יהיה מסומן.
  • i – סימון טקסט כמודגש. ברוב התבניות טקסט שסומן כך יוצג נטוי.
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור הוא יהפוך לטקסט מודגש, אחרת יוכנס במקום בו נמצא הסמן אלמנט <em> המסמן את תחילת הטקסט המודגש וצריך יהיה להזיז את הסמן למקום בו נגמר הטקסט המודגש וללחוץ שוב על הכפתור (שאז יופיע כ /i) על מנת שהטקסט יהיה מודגש.
  • link – הכנסת קישור. לחיצה על הכפתור תפתח חלונית הוספת קישור. אם היה טקסט מסומן בזמן הלחיצה הוא ישמש כטקסט (עוגן) של הקישור אחרת הקישור יהיה ללא טקסט ויהיה צריך להוסיף את הטקסט על מנת שהקישור יוצג בדפדפנים.
  • b-quote – הכנסת ציטוט. אם טקסט היה מסומן בזמן ההקלקה על הכפתור הוא יהפוך לציטוט, אחרת יוכנס במקום בו נמצא הסמן אלמנט <blockquote> המסמן את תחילת הטקסט המצוטט וצריך יהיה להזיז את הסמן למקום בו נגמר הטקסט המודגש וללחוץ שוב על הכפתור (שאז יופיע כ /b-quote) על מנת שהטקסט יופיע כציטוט.
  • del – ציון טקסט כ"מחוק". ברוב התבניות טקסט שסומן כך יוצג עם קו חוצה.
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור הוא יהפוך למחוק, אחרת יוכנס במקום בו נמצא הסמן אלמנט <del> המסמן את תחילת הטקסט המחוק וצריך יהיה להזיז את הסמן למקום בו נגמר הטקסט המחוק וללחוץ שוב על הכפתור (שאז יופיע כ /del) על מנת שהטקסט יופיע כמחוק.
  • ins – ציון טקסט כ"חדש".
    אם טקסט היה מסומן בזמן ההקלקה על הכפתור הוא יהפוך לחדש, אחרת יוכנס במקום בו נמצא הסמן אלמנט <ins> המסמן את תחילת הטקסט החדש וצריך יהיה להזיז את הסמן למקום בו נגמר הטקסט החדש וללחוץ שוב על הכפתור (שאז יופיע כ /ins) על מנת שהטקסט יופיע כחדש.
  • img – הוספת תמונה. מכוער ומיותר, עדיף להשתמש בכפתור הוספת המדיה מצד ימין מעל העורך.
  • ul – מתחיל וסוגר רשימה ללא סדר חשיבות
  • ol – מתחיל וסוגר רשימה לפי סדר חשיבות. בדרך כלל רשימה כזו מופיעה ממוספרת כאשר המספור מתבצע על ידי הדפדפן
  • li – מתחיל וסוגר אבר אחד ברשימה, לא חשוב מאיזה סוג. יכול להופיע רק בתוך ul או ol
  • code  – מתחיל וסוגר אזור המתאר קוד תוכנה.
  • more – בפוסטים משמש לסימון הגבול של התוכן של הפוסט שוורדפרס יציג בדף הבית. לחיצה על הכפתור תכניס את הקוד "<!–more–>" לתוך התוכן. הקוד הזה אינו מוצג על ידי דפדפנים אבל הוא משמש לידע את וורדפרס איפה להפסיק להציג את תוכן הפוסט כאשר הוא מוצג עם פוסטים אחרים בדף הבית.
  • לבדוק במילון – לא ממש עובד בעברית ודי חסר שימוש גם כשעובד
  • לסגור תגים – מנסה לסגור אוטומטית תגים שאינם סגורים (כלומר תגים שפתחנו ולא סגרנו או אולי מחקנו בטעות את הפתיחה שלהם אחרי הסגירה).
  • מסך מלא – פותח את גרסאת המסך המלא של עורך הטקסט
  • כיוון טקסט – משנה את כיווניות ההצגה של התוכן הנערך בלי לשנות את התוכן. מאחר שהתוכן נכתב בעברית הוא בדרך כלל עם כיווניות של מימין לשמאל, אבל מאחר שHTML נכתב באנגלית הוא הרבה יותר קריא כאשר הכיווניות היא משמאל לימין. ניתן להשתמש בכפתור הזה בכדי להתאים את הכיווניות לצרכי העריכה המידיים

HTML הכרחי

HTML היא שפה בה משתמשים לתאר את המשמעות של התוכן הנוצר עבור האינטרנט. המטרה של השימוש בשפה הזו היא לאפשר לדפדפנים ותוכנות אחרות לא רק להציג את הטקסט שכתבנו אלא גם להתאים את צורת ההצגה למשמעות של התוכן.

למה יש בכך צורך? ניקח כדוגמא את הכותרת של התוכן הנקרא. על נייר אנחנו יודעים שהמשפט הראשון, במיוחד אם הוא מובלט הוא הכותרת, אבל באינטרנט המשפט הראשון באתר הוא בדרך כלל שם האתר ולא הכותרת של התוכן, ואותיות פשוט עוברות ברשת ללא מידע עיצובי על הגודל שלהן.

התבנית בה משתמשים אחראית לארוז את רוב הדברים בתוך הHTML שהאתר מיצר, אבל אין לה יכולות לעזור לנו לכתוב את התוכן בצורה מתאימה.

הדברים שצריך לזכור כאשר כותבים:

  • אין משמעות למספר הרווחים שמפרידים בין מילים – כל כמות של רווחים ושורות חדשות יוצגו שרווח בודד. אחד מהדברים שהעורך הויזואלי עושה הוא להפוך רווחים עוקבים לHTML שיגרום להצגת רווח גם במקרה הזה (&nbsp;)
  • אין דבר כזה שורה חדשה – מה שאנחנו רגילים לקרוא לו שורה חדשה הוא פשוט עוד סוג של רווח בHTML. אחד מהדברים שהעורך הויזואלי עושה הוא להפוך את הצורה בה אנחנו רגילים ליצור שורות חדשות, על ידי לחיצה על enter, לסוף הפסקה הנכתבת ותחילת פסקה חדשה, או לסימון שורה תחילת שורה חדשה בתוך הפסקה בקוד HTML מתאים (<br>)
  • לתווים ">" ו "<" יש משמעות מיוחדת – התווים האלו לא יכולוים להויע בצורה הזו כחלק מהתוכן. אחד מהדברים שהעורך הויזואלי עושה הוא להפוך את התווים האלו לקוד הHTML המתאים
  • התוכן מחולק תמיד לפסקאות
  • אי אפשר לחלק את התוכן לעמודות – אפשר ליצור טבלאות בעלות שורה אחת לצורך הזה אבל התוצאה אינה גמישה מבחינת יכולת ההתאמה של מיקום טקסט בשתי העמודות.
  • אי אפשר לדעת בודאות מה יהיה הרוחב והגובה שהתוכן (וכל חלק ממנו) יתפוס – (כלומר אי אפשר להתאים תמונה לרוחב או גובה) הרוחב תלוי הרבה פעמים בגודל המסך, ולגבי טקסט ככל שהרוחב גדול יותר הגובה יהיה קטן יותר.
  • כתובות אינטרנט אינן קישורים – mysite.co.il אינה קישור רק בגלל שהיא כתובת, צריך להשתמש בHTML מתאים בכדי לציין שזה קישור

ומה אם חייבים להציג משהו ברמת דייקנות גבוהה, למשל טופס שהגולש אמור להדפיס, למלא ולשלוח חזרה והוא חייב להתאים למה שהתוכנה שלנו יודעת לקרוא? במקרה הזה HTML אינו פתרון מתאים וצריך להכניס תמונה של הטופס לדף ולהורות לגולש להדפיס רק את התמונה, או לצרף דופס PDF או וורד שמכיל את הטופס להדפסה.

אבל לא הכל שלילי וישנם גם דברים שניתן לעשות בHTML בצורה פשוטה יותר, בעיקר מתן מראה אחיד לכל התכנים, למשל אין שום צורך לישר לימין, היישור יתבצע באופן אוטומטי.

הטמעת תוכן מאתרים אחרים בעזרת פרוטוקול oEmbed

לא כל סוגי התכנים מתאימים לעריכה במסגרת וורדפרס, ולא תמיד התכנים שאנחנו רוצים להציג במסגרת התוכן שלנו זמינים לשימוש שלנו. הדוגמא הנפוצה ביותר היא סרטוני וידאו, לוורדפרס אין תשתית לעריכת וידאו מצד אחד ולכן נעדיף להעלות אותו ליוטיוב ומצד שני הרבה פעמים נרצה לשלב וידאו מיוטיוב שלא אנחנו יצרנו כחלק מהתוכן.

אז איך משלבים תוכן מאתרים אחרים לתוך התוכן בוורדפרס? בדרך כלל האתרים מציעים אפשרות כזו על ידי הצגת קוד HTML אותו צריך להעתיק ולשלב בתוכן. הבעיה בשיטה הזו היא שהרבה אנשים לא מבינים איך בדיוק להכניס את הקוד ולפעמים פשוט אין להם הרשאות מתאימות.

פרוטוקול oEmbed נותן תשובה לבעיה הזו על ידי מתן אפשרות לקבל את קוד ההטמעה באופן אוטומטי וממוחשב.

כברירת מחדל וורדפרס מניחה שבכל מקום בו מצוינת כתובת (אך לא קישור!) של תוכן באתר התומך בoEmbed (למשל יוטיוב) והיא נמצאת בשורה משל עצמה הכוונה היא להציג את התוכן הנמצא בכתובת ההיא כחלק מהתוכן בדף.

במקרה הזה וורדפרס ישתמש בידע שלו לגבי רוחב התבנית, או הגדרות מתוך הגדרות המדיה בכדי להציג את התוכן. כחלק מהגדרות המדיה ניתן גם לבטל את ההטמעה האוטומטית.

אפשרות אחרת לביצוע הטמעה היא שימוש בקוד המקוצר embed, הנותן יותר שליטה על המראה המתקבל.

לא כל האתרים התומכים בoEmbed ניתנים לשימוש בצורה זו בוורדפרס. האתרים שכן נתמכים הם: