الموجز
أربعة قوالب WordPress لممتلكات FB-Media, رياضة، سياسة، أسلوب حياة، أعمال, مبنيّة كقوالب block إنتاجية. كل قالب يحترم نظامًا طباعيًا خاصًا بالمنفذ مصمّمًا في Figma. أصرّ الموجز على عدم وجود طبقات قوالب طرف ثالث: يجب أن تكون القوالب كودًا أصليًا، يملكها العميل، قابلة للتعديل دون خطّة ترقية.
GDPR وخصوصيات السوق الرومانية مدمَجة: شريط cookies لكل صفحة، صندوق مؤلّف على كل مقال، صفحات اتصال + خصوصية + cookies مع هوية SRL ضمنيًا.
المعمارية
كل قالب هو دليل قالب block مستقل (wp-content/themes/<site>-figma). لا يشاركون أي كود, كانت المقايضة متعمَّدة. مشاركة قالب أساس كان سيعني أن تغييرات الكسر تنتشر عبر أربع ممتلكات إنتاجية على نفس النشر. القوالب المستقلة تعني أن تعديل قالب الرياضة يمكن أن يُسلَّم دون لمس قالب السياسة.
مسار Figma ← PHP يستخدم Figma Variables للتوكنات (لون، طباعة، مسافات) مصدّرة إلى مخطّط theme.json لمحرّر block لكل قالب. أنماط البلوك تعكس مكوّنات Figma Auto-Layout 1-إلى-1. الخطوط المخصّصة (Inter للسياسة + الأعمال، Playfair Display لأسلوب الحياة، Bebas Neue للرياضة) مستضافة ذاتيًا كـ woff2 مُحمَّلة مسبقًا.
mu-plugin صغير لكل موقع يحزم شريط cookies + صندوق المؤلّف + shortcodes نموذج الاتصال, تعيش هذه خارج القالب لئلا يكسرها تبديل القالب.
النتائج
- 4 قوالب مُسلَّمة, رياضة، سياسة، أسلوب حياة، أعمال.
- كود أصلي, العملاء يملكون أدلّة القوالب صراحةً.
- طباعة لكل منفذ, كل قالب يحترم اللغة البصرية التحريرية لمنفذه.
- جاهز لـ GDPR, شريط cookies، صندوق مؤلّف، صفحات قانونية مدمَجة.
- Lighthouse للموبايل: فوق 90 على جميع المواقع الأربعة عند الإطلاق (تحميل الخطوط مسبقًا + JS الحدّ الأدنى).
ما هو التالي
عنصران على قائمة التكرار التالي:
- إعداد ملف CSS مشترك واحد لـ design-tokens تستهلكه جميع القوالب الأربعة, انجراف الطباعة بين القوالب كان أكبر تكلفة جودة في أسبوع إطلاق FB-Media.
tokens.cssمشترك (مع تجاوزات لكل موقع) كان سيلتقط الانجراف أبكر. - نقل كود mu-plugin إلى حزمة composer خاصة, حاليًا لكل موقع نسخته من كود cookies + المؤلّف + الاتصال. حزمة مشتركة (مُصدَرة، قابلة للتثبيت لكل موقع) ستسمح للتحديثات بالتدفّق عبر المواقع الأربعة دفعة واحدة.