קטגוריות: עריכת תוכן

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

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

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

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

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

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

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

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

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

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

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

במצב הבסיסי:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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