المدونة
Gutenberg FSE: مستقبل تصميم ووردبريس في عام 2026
كيف يمكن لكتل Gutenberg التي تم إنشاؤها بواسطة الذكاء الاصطناعي أن ترتقي بمواقعك إلى المستوى التالي — ولماذا يغير التحرير الكامل للموقع كل شيء.
وصل التحرير الكامل للموقع (FSE) إلى ووردبريس 5.9. بعد ثلاث سنوات، لا تزال معظم الوكالات لا تستخدمه بشكل صحيح — وأولئك الذين يستخدمونه لديهم ميزة تنافسية خطيرة.
ما يعنيه FSE بالفعل
قبل FSE، كانت قوالب ووردبريس تتحكم في الرؤوس والتذييلات والتخطيط العام من خلال قوالب PHP. كان Gutenberg يتعامل فقط مع منطقة المحتوى. يمكنك تحرير منشور مدونتك باستخدام الكتل، ولكن التنقل الخاص بك كان مقفلاً في ملف PHP.
FSE يغير ذلك. مع سمة الكتلة، يمكن تحرير كل جزء من الموقع — الرأس، التذييل، الشريط الجانبي، قوالب الأرشيف، تخطيط المنشور الفردي — في محرر Gutenberg باستخدام الكتل. لا حاجة لـ PHP لتغييرات التخطيط.
هذا مهم للتوليد بواسطة الذكاء الاصطناعي لأنه يعني أنه يمكن التعبير عن الموقع بأكمله كـ 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 للتوليد بواسطة الذكاء الاصطناعي: يتم فرض الاتساق بواسطة النظام، وليس عن طريق الأمل في أن يتذكر المصمم تطبيق نفس الخط في كل مكان.
theme.json — أهم ملف لم تقم بتحريره أبدًا
theme.json هو ملف تكوين يحدد نظام التصميم العام لسمة الكتلة. يتحكم في:
- لوحة الألوان — الألوان المسماة التي تظهر في منتقي الألوان بالمحرر
- الطباعة — عائلات الخطوط، الأحجام، ارتفاعات الأسطر
- التباعد — مقياس التباعد المستخدم بواسطة عناصر تحكم الحشو والهامش
- نصف قطر الحدود — قيم نصف قطر الزاوية الافتراضية
- التخطيط — عرض المحتوى، العرض الواسع
عندما ينشئ PAGEnza موقعًا، يتم بناء theme.json برمجياً من "تفويض التصميم" (Design Mandate). يتم تسجيل الألوان ink و bg1 و bg2 و accent كألوان لوحة مسماة. يتم تسجيل ثلاثي الخطوط كعائلات خطوط مع عناوين URL الصحيحة لاستيراد Google Fonts @import.
النتيجة هي أنه عندما يفتح العميل محرر Gutenberg لتغيير النص، يعرض منتقي الألوان بالضبط ألوان العلامة التجارية الأربعة — لا شيء آخر. يعرض محدد الخط الخطوط الثلاثة المختارة. تستخدم عناصر تحكم التباعد مقياس النظام. يتم فرض نظام التصميم على مستوى المحرر.
ماذا يعني "التحرير المباشر في Gutenberg" بالفعل
كل موقع يتم إنشاؤه بواسطة PAGEnza هو تثبيت ووردبريس مباشر مع تفعيل Gutenberg FSE. يمكن للعميل:
- النقر على أي نص وتحريره مباشرة
- تغيير خلفيات الأقسام بالنقر والاختيار من لوحة ألوان العلامة التجارية
- إعادة ترتيب الأقسام عن طريق سحب الكتل
- إضافة أقسام جديدة من مُدرِج الكتل
- تغيير الصور بالنقر على العنصر النائب
لا يمكنهم كسر نظام التصميم عن طريق الخطأ عن طريق اختيار لون خارج العلامة التجارية، لأن الألوان الوحيدة المتاحة هي ألوان العلامة التجارية الأربعة. لا يمكنهم اختيار خط غير متطابق، لأن الخطوط الثلاثة للعلامة التجارية فقط هي المسجلة.
هذا ما يجعل المواقع التي تم إنشاؤها بواسطة الذكاء الاصطناعي عملية للعملاء الحقيقيين — القيود التي تجعل التصميم يعمل يتم الحفاظ عليها بعد التسليم.
مشكلة تغطية الكتل
FSE قوي، ولكنه يعاني من مشكلة تغطية. لا يمكن التعبير عن كل نمط تصميم بوضوح في كتل Gutenberg الأساسية. غالبًا ما تتطلب التخطيطات المعقدة والمكونات التفاعلية وعروض البيانات المخصصة كتلًا مخصصة أو إضافات طرف ثالث.
يتعامل PAGEnza مع هذا بطريقتين:
للتخطيط: نستخدم مزيجًا من كتل Group و Cover و Columns و Media & Text مع سمات مضبوطة بعناية. يمكن تحقيق حوالي 95٪ من تخطيطات صفحات التسويق باستخدام هذه الأنواع الأربعة من الكتل وحدها.
للمكونات التفاعلية: يقوم Plugin Builder بإنشاء كتل Gutenberg مخصصة كإضافات PHP. جدول الأسعار، نموذج الحجز، شريط تمرير الشهادات — يتم إنشاء هذه ككتل مسجلة بشكل صحيح تتكامل مع محرر FSE، وليس اختصارات ملصقة على الجانب.
الهدف هو أن كل ما يحتاجه العميل للتحرير قابل للتحرير في المحرر المرئي، دون المساس بالكود.