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

גוטנברג (Gutenberg) הוא השם המקורי של עורך הבלוקים של וורדפרס — העורך שבו בונים עמודים ומאמרים מ"בלוקים": פסקה, כותרת, תמונה, רשימה, כפתור, גלריה. לפי התיעוד של וורדפרס, מאז וורדפרס 5.0 (דצמבר 2018) הוא העורך ברירת המחדל, ומי שרוצה את העורך הישן צריך להתקין את תוסף Classic Editor. גוטנברג מתאים מצוין לכתיבת תוכן מגוון, ובתבניות בלוקים הוא משמש גם לעיצוב האתר כולו. השאלה החשובה היא לא "גוטנברג או לא", אלא איך מגדירים אותו כך שהעורכים יעבדו בנוחות והאתר יישאר אחיד.

מה זה בלוק

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

תבניות בלוקים (Patterns)

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

עריכת האתר כולו (Site Editor)

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

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

תוסף Classic Editor פעיל ביותר מ-8 מיליון אתרים לפי עמוד התוסף — כלומר, הרבה אתרים עדיין מעדיפים את העורך הישן.

למה האתר הזה משתמש בעורך הקלאסי

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

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

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

גוטנברג מול בוני עמודים

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

בלוקים מותאמים

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

שאלות נפוצות

חייבים לעבור לגוטנברג?

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

גוטנברג מאט את האתר?

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

אפשר לשלב את שני העורכים?

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

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