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


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


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

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

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

Contents

העורך הקלאסי מול בלוקים גוטנברג

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

עורך הוורדפרס הקלאסי

משנת 2003 ועד 2018, וורדפרס סיפקה למשתמשים שלה עורך טקסט בסיסי.

וורדפרס-עורך קלאסי

עורך הוורדפרס הקלאסי היה עורך ה- WYSIWYG הטיפוסי שלך (“מה שאתה רואה זה מה שאתה מקבל”).

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

עורך וורדפרס-WYSIWYG

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

לדוגמה:

WordPress-Page-דוגמה

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

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

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

עורך בלוק גוטנברג

עורך הוורדפרס החדש הוא עורך חסימת גרירה ושחרור.

גוטנברג

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

גוטנברג-בלוקים

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

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

דוגמאות-יותר-גוטנברג-בלוק

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

וורדפרס-עמוד-דוגמה-עם-גוטנברג

הוא עורך וורדפרס אחד טוב יותר מהשני?

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

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

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

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

כיצד להשתמש בעורך הבלוק גוטנברג

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

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

WordPress-Add-New-Page

הוסף כותרת

כאשר הדף או הפוסט החדש שלך נוצר, תן לו כותרת בבלוק “הוסף כותרת”:

גוטנברג-כותרת-בלוק

צור את החסימה הראשונה שלך

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

גוטנברג-חסימת פסקה חדשה

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

התאם אישית תוכן בגוש

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

יישור

ברוב חסימות גוטנברג תהיה לך אפשרות לשנות את יישור התוכן בתוך החסימה:

גוטנברג-מערך

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

עיצוב

בכל פעם שיש טקסט בתוך בלוק, באפשרותך לעצב אותו מודגש:

גוטנברג-פסקאות-מודגש

צרו את הטקסט נטוי:

גוטנברג-פסקה-נטוי

או הוסף היפר-קישור:

גוטנברג-פסקאות-קישור

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

אפשרויות סגנון נוספות

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

גוטנברג-אפשרויות נוספות-טקסט

“קוד” מעצב את הטקסט שלך כאילו נכתב בעורך קוד:

גוטנברג-סעיף-קוד

“תמונה מוטבעת” מאפשרת לך לעטוף את הטקסט שלך סביב תמונה:

גוטנברג-פסקה- InlineImage

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

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

גוטנברג-פיסקה - דרך

אפשרויות חסימות נוספות

הכפתור האחרון בסרגל הכלים חושף תמיד אפשרויות חסימות נוספות:

אפשרויות גוטנברג-עוד-בלוק

אפשרויות אלה יהיו זהות ללא קשר לסוג החסימה שאתה עורך.

בוא נסקור במהירות את מה שעושים:

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

שינוי בלוק

יש עוד כפתור נוסף בסרגל הכלים שעליך להיות מודע אליו:

גוטנברג-בלוקים-מתג

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

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

הוסף בלוק חדש

כדי להוסיף חסימה חדשה לדף שלך, יש לך מספר אפשרויות.

הכנס לפני / אחרי

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

אם אתה לוחץ הרחק מהבלוק הקיים שלך ומרחף מעל לראשו, תראה סימן פלוס קטן:

גוטנברג-הוסף-בלוק-קרוס

כשאתה לוחץ עליו, הוא יחשוף את הבלוקים שלך:

גוטנברג-הוסף-בלוק-פלוס-שלט

בחר בזה שאתה רוצה להוסיף את החסימה החדשה מעל זו שכבר יש לך.

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

השתמש במקלדת שלך

דרך נוספת להוסיף חסימה חדשה היא על ידי לחיצה על מקש “Return” במקלדת שלך:

גוטנברג-הוסף-בלוק-כניסה

זה יוסיף מיד לחסום פסקה חדש לדף.

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

גוטנברג-שינוי-בלוק חדש

לחלופין, תוכלו להקליד חתך (/) ואחריו שם החסימה בה תרצו להשתמש:

גוטנברג-שינוי-בלוק-סלאש

לדוגמה, אם רצית להוסיף תמונה, הקלד “/ image”. אפשרות החסימה תאכלס אוטומטית תוך כדי הקלדת השם התואם.

הוסף חסימת מסרגל הכלים

אתה תמיד יכול פשוט להשתמש בתכונה הבסיסית לחסימה להוסיף בסרגל הכלים:

גוטנברג-תוספת-בלוק

גלול בין האפשרויות או הקלד את שם החסימה שאתה מחפש.

הזז חסימה

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

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

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

ישנן שתי דרכים לעשות זאת.

השתמש בחץ להזיז

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

גוטנברג-מעבר-חצים

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

גוטנברג-עבר-בלוק

השתמש בגרירה ושחרור

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

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

גוטנברג-תפוס-גרור-ושחרר

בעת העברת החסימה לחלק חדש של הדף, וודא שאתה רואה קו כהה לפני שתפיל אותו:

גוטנברג-מעבר-בלוק

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

מחק חסום

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

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

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

עם זאת, שים לב שאם מדובר בלוק מבוסס טקסט, תצטרך להסיר את התוכן תחילה לפני שתוכל למחוק אותו בדרך זו. לכל דבר אחר – תמונה, ווידג’ט משובץ וכו ‘- אתה יכול פשוט להשתמש במקש “מחק” שלך.

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

צור בלוק לשימוש חוזר

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

גוטנברג-צור-ניתן לשימוש חוזר-בלוק

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

גוטנברג-ניתן לשימוש חוזר בשם

לאחר שתשמור, תוכל לאחזר ולהשתמש בו באותה צורה שבה אתה עושה את אחד מהבלוקים של גוטנברג. אתה תמצא אותו בקטגוריה חדשה בשם “לשימוש חוזר”:

גוטנברג-לשימוש חוזר-קטגוריה

סיור בלוקים גוטנברג

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

בואו נתוודע לחסימות:

חסום קטגוריות

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

בלוקים נפוצים

אלה הבלוקים הנפוצים שלך:

בלוקים נפוצים

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

עיצוב בלוקים

אלה גושי העיצוב שלך:

עיצוב-חסימות

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

קוביות פריסה

אלה גושי הפריסה שלך:

קוביות פריסה

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

רחובות ווידג’טים

אלה יישומונים שלך:

ווידג'טים-בלוקים

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

מטמיע בלוקים

אלה ההטבעות שלך:

משובץ-בלוקים

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

אבני גוטנברג הנפוצות ביותר

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

חסימת פסקאות

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

חסימת פסקאות

בלוק כותרת

השתמש בלוק הכותרת כדי להוסיף כותרת לדף שלך.

חסימת כותרת

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

חסום רשימה

השתמש בחסימה רשימה כדי להוסיף דף עם תבליטים או ממוספרים:

חסום רשימה

זה שימושי גם לשיפור הקריאות.

חסימת תמונות

השתמש בחסימה תמונה כדי להוסיף תמונה לדף שלך.

חסימת תמונות

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

חסימת וידאו

השתמש בחסימה הווידיאו כדי להטביע תמונה בדף שלך.

חסימת וידאו

אתה יכול להעלות קובץ וידיאו, לבחור אחד מהספרייה שלך, או למשוך אותו מקישור.

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

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

ל- YouTube יש אחד:

הטמעת YouTube

וכך גם Vimeo:

Vimeo-Embed

עליך לעשות את אותו הדבר עבור כל קובצי שמע (כמו פודקאסטים או פסקולים) שתרצה להוסיף לדף. השתמש בלוק האודיו או בהטבעה המתאימה (כמו עבור Spotify) כדי לעשות זאת.

חסימת כפתור

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

לחצן לחסום

זה עשוי להפנות אותם ל: “תזמן עכשיו”, “הירשם”, “קרא עוד” וכו ‘.

חסימת מדיה וטקסט

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

חסימת מדיה וטקסט

חסום עמודות

דרך נוספת להציב שני בלוקים שונים (מאותו סוג או שונה) זה לצד זה היא באמצעות בלוק העמודות:

עמודה-חסום

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

מדיה חברתית משובצת חסימות

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

הטמעה חברתית-מדיה

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

בלוק קלאסי

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

גוטנברג-קלאסי-בלוק

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

אם אתה רוצה להמיר את הבלוק הקלאסי שלך לגושי גוטנברג, עבור אל “אפשרויות נוספות” ובחר “המר לבלוקים”:

גוטנברג-המרת בלוקים

זה יעשה כמיטב יכולתו להמיר כל אלמנט בעורך שלך לחסימה המתאימה:

גוטנברג-בלוקים שהוסבו

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

חסימות תוספי וורדפרס

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

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

WPForms-Block

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

יוסט, תוסף SEO פופולרי, הוא עוד אחד שהוסיף חסימות חדשות לגוטנברג:

יוסט-בלוקים

WooCommerce, פיתרון המסחר האלקטרוני של WordPress עשה את אותו הדבר:

WooCommerce-Block

ישנם גם תוספי גוטנברג “האולטימטיביים” שמוסיפים חבורה של בלוקים חדשים לבונה שלך, כמו Addons האולטימטיבי לגוטנברג:

אולטימטיבי-אדונס-גוטנברג

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

סקירה כללית של המסמך וחסימה של סרגל הצד

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

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

סרגל הצד של המסמך

אלה מאפשרים לך לשלוט בדברים כמו סטטוס ומראה הדף.

להלן העיקריות שאתה צריך לדעת:

סטטוס ונראות

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

פרמלינקהשתמש בלוח זה כדי לשנות את הקליע (הקטע המזהה של כתובת האתר). לדוגמה:

https://mywebsite.com/גוטנברג-בלוק-בונה /

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

קטגוריות

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

תגיות

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

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

סרגל חסום

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

לדוגמה, סרגל הצד של הפסקה מציג אפשרויות עריכה עבור:

פסקה-חסימת סרגל הצד

אתה יכול להתאים את גודל הטקסט שלך כמו גם את צבע הטקסט או הרקע של החסימה. אם אתה יודע להשתמש בשיעורי CSS, אתה יכול להתאים אישית יותר את מראה החסימה באמצעות “הגדרות מתקדמות”.

סרגל הצד של התמונה, לעומת זאת, נותן לך את ההגדרות הבאות:

סרגל צד-חסימת תמונות

אתה יכול להוסיף אלט-טקסט לתמונה (חשוב עבור קידום אתרים), לשנות את גודל התמונה ולקשר את התמונה לדף אינטרנט.

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

טוויטר-חסום-סרגל צידי

הדבר היחיד שאתה יכול לעשות זה ליצור כיתת CSS מותאמת אישית תחת “הגדרות מתקדמות”.

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

מה לעשות עם סרגל הכלים

החלק האחרון של העורך שאתה צריך להכיר הוא סרגל הכלים שיושב בחלקו העליון:

סרגל הכלים גוטנברג

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

בואו נסקור את עיקרי הדברים:

חסימות

הכפתור הראשון בסרגל הכלים הוא המקום אליו תוכלו לגשת לחסימות חדשות:

חסימת גוטנברג-סרגל הכלים

בטל / עשה שוב

שני הכפתורים הבאים מאפשרים לבטל (החץ שמצביע שמאלה) או לבצע מחדש (החץ שמצביע ימינה) את השינוי האחרון שביצעתם בדף:

גוטנברג-סרגל הכלים-בטל

פרטי דף

לאלו מכם שרוצים ליצור דפים שקל למבקרים לסרוק אותם, כפתור ה- “i” (מידע) נותן לך סקירה כללית של התוכן שלך:

סרגל הכלים של גוטנברג-מידע

תראה:

  • כמה מילים כתבת.
  • כמה כותרות יש, עם פירוט הכותרות מתחתיו.
  • כמה פסקאות יש.
  • כמה חסימות השתמשת.

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

מבנה עמוד

החלק הבא בסרגל הכלים חושף כל אחת מהבלוקים שבהם השתמשת כדי ליצור את הדף שלך:

גוטנברג-בלוק ניווט

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

שמור הגדרות

אתה תשתמש בשלושת הכפתורים הראשונים האלה בכל עמוד או פוסט שאתה יוצר:

גוטנברג-שמור-הגדרות

השתמש ב”שמור טיוטה “כדי לשמור את השינויים באופן פרטי בזמן העבודה על דף.

השתמש ב”תצוגה מקדימה “כדי להציג את הדף באתר האינטרנט שלך.

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

הגדרות

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

Gutenberg-סרגל הכלים-הגדרות-מושבתים

כך זה נראה כאשר מופעל:

Gutenberg-סרגל הכלים-הגדרות-מופעל

אפשרויות נוספות

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

Gutenberg-סרגל הכלים-More-Options

נוף

מערכת האפשרויות הראשונה הקשורה ל”תצוגה “:

Gutenberg-Toolbar-View

“סרגל הכלים העליון” מעביר את סרגל הכלים מהבלוקים שלך ומדביק אותו לראש המסך:

סרגל הכלים Gutenberg-Top

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

“מצב זרקור” נמוג מהבלוקים שאינם בשימוש:

מצב גוטנברג-זרקור

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

“מצב מסך מלא” הוא מצב הכתיבה נטול ההסחה של גוטנברג:

מצב גוטנברג-מסך מלא

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

מצב עורך

מערכת האפשרויות הבאה מיועדת למצב עורך.

גוטנברג-אפשרויות-עורך

כברירת מחדל, גוטנברג מכניס משתמשים ל”עורך החזותי “.

אם אתה מעדיף לחבר את הדף שלך ב- HTML, אתה יכול לעבור ל”עורך קוד “:

גוטנברג-עורך קוד

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

אתה יכול לגשת לעורך הקוד תחת “עריכה כ- HTML”:

גוטנברג-עריכה-HTML

פעולה זו תמיר את החסימה ל- HTML:

גוטנברג-HTML- בלוק

ערוך אותו כראות עיניך. אם ברצונך להמיר אותו חזרה למצב חזותי, פתח את אפשרויות החסימה ובחר “ערוך חזותית”:

גוטנברג-עריכה-ויזואלית

כלים

גוטנברג מגיע גם עם סט כלים המאפשרים לך לייעל את החוויה שלך בעורך:

גוטנברג-כלים

הכלי הראשון הוא “מנהל החסימה”:

גוטנברג-בלוק-מנהל

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

“ניהול בלוקים לשימוש חוזר” יעביר אותך לעורך הבלוקים לשימוש חוזר:

בלוקים גוטנברג-לשימוש חוזר

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

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

קיצורי מקשים של גוטנברג

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

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

גוטנברג-סרגל צידי-אפשרויות

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

לעטוף

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

אבל אם מסתכלים על תחרות הגרור-ושחרר שנערכת סביב וורדפרס (Wix, Shopify, Squarespace וכו ‘), הגיע הזמן לשינוי.

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map