עורך ויזואלי

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

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

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

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

עריכת תמונות מתבצעת בשתי צורות, הכנסה מתבצעת דרך כפתור "הוספת מדיה" שמופיע מימין ומעל לעורך ופותח את חלונית הוספת המדיה. עריכה ומחיקה מתבצעת על ידי סימון התמונה על ידי הקלקה עליה שיגרום להופעת כפתורי שינוי מאפיני תמונה מעליה.
תמונות ניתן גם לגרור למקום אחר בתוכן. לא ניתן להעלות תמונה לתוכן על ידי גרירה שלה מתוכנה אחרת לתוך התוכן וגם לא על ידי הדבקה של תמונה שנוצרה בתוכנה אחרת. ניתן להוסיף תמונות רק דרך הוספת המדיה בעריכה או הוספה לספרית המדיה.
משתמש בעל תפקיד "תורם" לא יכול להעלות תמונות לאתר ומאחר שכפתור "הוספת מדיה" אינו זמין עבורו הוא יכול להכניס תמונה רק דרך שימוש בעורך הטקסט, שהמעבר אליו נעשה דרך הקלקה על הכפתור "עורך טקסט" מצד שמאל למעלה, והכנסת קוד 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 נכתב באנגלית הוא הרבה יותר קריא כאשר הכיווניות היא משמאל לימין. ניתן להשתמש בכפתור הזה בכדי להתאים את הכיווניות לצרכי העריכה המידיים

שימוש בעורך

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

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

editor

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

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

אלמנטים נוספים:

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

קוד מקוצר caption

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

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

צורת השימוש היא (המרחאות מסביב למילה caption הן בכדי למנוע את הפעלת קוד הקיצור וצריך להוריד אותן בשימוש אמיתי)

['caption' width="300" caption="הופעה"]<a href="http://wordpress.marksw.com/wp35/files/2013/01/IMG_0526.jpg"><img title="IMG_0526" src="http://wordpress.marksw.com/wp35/files/2013/01/IMG_0526-300×224.jpg" alt="" width="300" height="224" /></a>[/'caption']

הופעה

פרמטרים:

  • caption (חובה) – הכיתוב שיוצג
  • width (חובה) – רוחב הכיתוב
  • align – לאן ייושר טקסט הכיתוב. ערכים אפשריים:
    • alignnone – ללא ישור
    • alignright – מיושר לימין
    • alignleft – מיושר לשמאל
    • aligncenter – ממורכז
  • id – שם מזהה למתן אפשרות לעיצוב יעודי

קוד מקוצר gallery

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

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

צורת השימוש הפשוטה היא (המרחאות מסביב למילה gallery הן בכדי למנוע את הפעלת קוד הקיצור וצריך להוריד אותן בשימוש אמיתי)

['gallery']

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

פרמטרים אפשריים:

  • columns – מספר העמודות שישמשו להצגת הגלריה
  • link – אם הערך שלו הוא "file", במקום קישור לדף המדיה יהיה קישור לגירסאת התמונה המלאה
  • size – גודל התמונות המוצגות. הערכים האפשרים הם:
    • thumbnail – יוצגו תמונות קטנות בגודל המוגדר בהגדרות המדיה תחת "תמונה מוקטנת"
    • medium – יוצגו תמונות קטנות בגודל המוגדר בהגדרות המדיה תחת "בינוני"
    • large – יוצגו תמונות קטנות בגודל המוגדר בהגדרות המדיה תחת "גדול"
    • full – יוצגו התמונות המלאות
      תבניות ותוספים עשויים להגדיר גם גדלים אחרים בהם ניתן יהיה להשתמש.
  • include – רשימה של מספרים מזהים של קבצי המדיה של תמונות אותן רוצים להציג כחלק מהגלריה. תמונות אלו לא חייבות להיות משויכות לפוסט. אם include="5,8" יוצגו תמונות שקבצי המדיה שלהן מזוהים במספרים 5 ו 8 (איך למצוא מספר מזהה של קובת מדיה)
  • exclude – רשימה של מספרים מזהים של קבצי המדיה של תמונות אותן לא רוצים להציג כחלק מהגלריה למרות שהן משויכות לפוסט. אם exclude="5,8" לא יוצגו תמונות שקבצי המדיה שלהן מזוהים במספרים 5 ו 8 (איך למצוא מספר מזהה של קובת מדיה)
  • id – בגלריה יוצגו תמונות המשויכות לפוסט שהמספר המזהה שלו ניתן בפרמטר הזה. אם id="5" יוצגו תמונות המשויכות לפוסט מספר 5. (איך למצוא מספר מזהה של פוסט)
  • ids – רשימה של מספרים מזהים של קבצי המדיה של תמונות אותן רוצים להציג כחלק מהגלריה. תמונות אלו לא חייבות להיות משויכות לפוסט. אם ids="5,8" יוצגו תמונות שקבצי המדיה שלהן מזוהים במספרים 5 ו 8 (איך למצוא מספר מזהה של קובת מדיה)
  • orderby – קביעת פרמטר המיון לפיו תבוצע הצגת התמונות. האפשרויות הן:
    • menu_order – לפי מספר ה"סדר" של התמונה בין התמונות המוצגות
    • title  – לפי כותרת קובץ המדיה של התמונה
    • post_date – לפי תאריך הפרסום של קובץ המדיה של התמונה
    • rand – אקראי
    • ID – לפי סדר העלאת התמונות
  • order – סוג המיון עולה או יורד. ערכים אפשריים הם
    • ASC – עולה
    • DESC – יורד
  • itemtag – תג הHTML  בו מוכלת כל תמונה והכותרת שלה. ברירת המחדל היא dl
  • icontag – תג הHTML  בו מוכלת כל תמונה. ברירת המחדל היא dt
  • captiontag – תג הHTML  בו מוכלת כל כותרת של תמונה. ברירת המחדל היא dd

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

קוד מקוצר embed

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

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

  • width – מספר המציין את הרוחב המירבי בפיקסלים שהתוכן יתפוס. אם לא מצוין הרוחב המירבי יעשה שימוש ברוחב המוגדר תחת "מידות מרביות להטמעה" בהגדרות המדיה
  • height – מספר המציין את הגובה המירבי בפיקסלים שהתוכן יתפוס. אם לא מצוין הגובה המירבי יעשה שימוש בגובה המוגדר תחת "מידות מרביות להטמעה" בהגדרות המדיה

[’embed' width="200" height="200"]http://www.youtube.com/watch?v=iUrzicaiRLU[/’embed']

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

יצירת תוכן ישירות מדף שגולשים בו/גיהוץ

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

ההקלקה תפתח חלון עריכה

editor

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

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