בלוג
גוטנברג FSE: עתיד עיצוב וורדפרס ב-2026
כיצד בלוקים של גוטנברג שנוצרו על ידי AI יכולים לקחת את האתרים שלכם לשלב הבא — ולמה עריכת אתר מלא (Full Site Editing) משנה הכל.
עריכת אתר מלא (Full Site Editing) הגיעה לוורדפרס 5.9. שלוש שנים לאחר מכן, רוב הסוכנויות עדיין לא משתמשות בה כראוי — ולאלו שכן יש יתרון תחרותי משמעותי.
מה FSE באמת אומר
לפני FSE, תבניות וורדפרס שלטו בכותרות עליונות, כותרות תחתונות ופריסה גלובלית דרך תבניות PHP. גוטנברג טיפל רק באזור התוכן. יכולתם לערוך את הפוסט בבלוג שלכם עם בלוקים, אבל הניווט שלכם היה נעול בקובץ PHP.
FSE משנה את זה. עם תבנית בלוקים, כל חלק באתר — כותרת עליונה, כותרת תחתונה, סרגל צד, תבניות ארכיון, פריסת פוסט בודד — ניתן לעריכה בעורך גוטנברג באמצעות בלוקים. אין צורך ב-PHP לשינויי פריסה.
זה משנה עבור יצירת AI מכיוון שזה אומר שניתן לבטא את כל האתר כ-JSON של בלוקים. אין מערכת היברידית שבה חלקים מסוימים הם תבניות PHP וחלקם בלוקים. הכל בלוקים, הכל JSON, הכל ניתן ליצירה ועריכה באופן תכנותי.
כיצד PAGEnza משתמשת ב-FSE
כאשר PAGEnza יוצרת אתר, היא לא רק יוצרת דף בית. היא יוצרת תבנית בלוקים מלאה עם:
templates/index.html— התבנית ברירת המחדלtemplates/single.html— פריסת פוסט בודדtemplates/archive.html— רשימת בלוג/קטגוריהtemplates/404.html— דף שגיאהparts/header.html— בלוק כותרת עליונה לשימוש חוזרparts/footer.html— בלוק כותרת תחתונה לשימוש חוזרtheme.json— סגנונות גלובליים (צבעים, טיפוגרפיה, מרווחים)
כל אלו נוצרים מאותו "צו מנדט עיצובי" (Design Mandate). פלטת הצבעים שהוגדרה לדף הבית היא אותה אחת המשמשת בסגנונות הגלובליים של theme.json. שלשת הגופנים שנבחרה לגיבור היא אותה אחת שנטענת בגיליון הסגנונות של תבנית הבלוקים.
זהו היתרון המרכזי של FSE ליצירת AI: עקביות נאכפת על ידי המערכת, ולא על ידי תקווה שהמעצב זכר ליישם את אותו גופן בכל מקום.
theme.json — הקובץ החשוב ביותר שמעולם לא ערכתם
theme.json הוא קובץ תצורה המגדיר את מערכת העיצוב הגלובלית עבור תבנית בלוקים. הוא שולט ב:
- פלטת צבעים — צבעים בשם המופיעים בבוחר הצבעים בעורך
- טיפוגרפיה — משפחות גופנים, גדלים, גבהי שורות
- מרווחים — סולם המרווחים המשמש בבקרות ריפוד ושוליים
- רדיוס פינות — ערכי פינות ברירת מחדל
- פריסה — רוחב תוכן, רוחב רחב
כאשר PAGEnza יוצרת אתר, theme.json נבנה באופן תכנותי מתוך ה"צו מנדט העיצובי" (Design Mandate). הצבעים ink, bg1, bg2, ו-accent נרשמים כצבעי פלטה בשם. שלשת הגופנים נרשמת כמשפחות גופנים עם כתובות ה-@import הנכונות של Google Fonts.
התוצאה היא שכאשר לקוח פותח את עורך גוטנברג כדי לשנות טקסט, בוחר הצבעים מציג בדיוק את ארבעת צבעי המותג — ולא כלום מעבר לכך. בוחר הגופנים מציג את שלושת הגופנים שנבחרו. בקרות המרווחים משתמשות בסולם המערכת. מערכת העיצוב נאכפת ברמת העורך.
מה המשמעות של "עריכה חיה בגוטנברג"
כל אתר שנוצר על ידי PAGEnza הוא התקנת וורדפרס חיה עם Gutenberg FSE פעיל. הלקוח יכול:
- ללחוץ על כל טקסט ולערוך אותו ישירות
- לשנות רקעי חלקים על ידי לחיצה ובחירה מפלטת צבעי המותג
- לשנות סדר של חלקים על ידי גרירת בלוקים
- להוסיף חלקים חדשים מבוחר הבלוקים
- לשנות תמונות על ידי לחיצה על תמונת המקום
הם לא יכולים לשבור בטעות את מערכת העיצוב על ידי בחירת צבע מחוץ למותג, מכיוון שהצבעים היחידים הזמינים הם ארבעת צבעי המותג. הם לא יכולים לבחור גופן לא תואם, מכיוון שרק שלושת הגופנים של המותג רשומים.
זה מה שהופך אתרים שנוצרו על ידי AI למעשיים עבור לקוחות אמיתיים — המגבלות שגורמות לעיצוב לעבוד נשמרות לאחר המסירה.
בעיית כיסוי הבלוקים
FSE חזק, אך יש לו בעיית כיסוי. לא כל דפוס עיצובי ניתן לבטא בצורה נקייה בבלוקי גוטנברג ליבה. פריסות מורכבות, רכיבים אינטראקטיביים ותצוגות נתונים מותאמות אישית דורשות לעיתים קרובות בלוקים מותאמים אישית או תוספים של צד שלישי.
PAGEnza מטפלת בזה בשתי דרכים:
עבור פריסה: אנו משתמשים בשילוב של בלוקי Group, Cover, Columns ו-Media & Text עם תכונות הנשלטות בקפידה. כ-95% מפריסות דפי השיווק ניתנות להשגה באמצעות ארבעת סוגי הבלוקים הללו בלבד.
עבור רכיבים אינטראקטיביים: ה-Plugin Builder מייצר בלוקי גוטנברג מותאמים אישית כתוספי PHP. טבלת תמחור, טופס הזמנה, מחוון המלצות — אלו נוצרים כבלוקים רשומים אמיתיים המשתלבים עם עורך ה-FSE, לא קוד קצר (shortcodes) שמוצמד בצד.
המטרה היא שכל מה שלקוח צריך לערוך יהיה ניתן לעריכה בעורך הוויזואלי, מבלי לגעת בקוד.