2.2 · المخصّص & محرّر الموقع (FSE)

المستوى 2 · المتوسط: القوالب & المظهر

2.2المخصّص & محرّر الموقع (FSE)

الهدف: تخصيص المظهر بالأداة المناسبة للقالب: المخصّص للقالب الكلاسيكي، ومحرّر الموقع (FSE) لقالب الكتل.
الوقت المقدّر: 18 دقيقة · قراءة ذاتية · إذا كان لديك 5 دقائق فقط: اقرأ «الأساسي في 30 ثانية» + المخطط.

الأساسي في 30 ثانية

  • قالب كلاسيكي ← المخصّص (المظهر ← تخصيص): الشعار والألوان والترويسة والودجات مع معاينة مباشرة.
  • قالب كتل ← محرّر الموقع الكامل (FSE): نحرّر الترويسة والتذييل والقوالب بكتل غوتنبرغ.
  • الأنماط العامة تضبط ألوان الموقع وخطوطه في مكان واحد؛ وأجزاء القالب تُحرّر مرة وتُطبّق في كل مكان.

حالة مصغّرة متسلسلة — بألوان الورشة

يريد سمير تطبيق الهوية البصرية لورشة بهجة: أزرق عميق، ورمل دافئ، وخط رصين. تختلف الأداة حسب القالب المختار. عليه أيضًا تعديل الترويسة لوضع الشعار والقائمة، دون لمس الكود. تعرض له هذه الوحدة عالمَي التخصيص والانعكاسات المشتركة.

تكملة الحالة 2.1 — اختير القالب، نكيّفه مع العلامة.

1. المخصّص أم FSE؟

المخصّص (المظهر ← تخصيص) يخدم القوالب الكلاسيكية: لوحة جانبية بمعاينة مباشرة تتيح ضبط الشعار والألوان والترويسة والقوائم والودجات. يظهر كل تغيير فورًا، ثم ننشر.

تستخدم قوالب الكتل محرّر الموقع الكامل (FSE، المظهر ← المحرّر): نعدّل فيه الترويسة والتذييل وقوالب الصفحات بكتل غوتنبرغ. لم نعد بحاجة إلى كود لتغيير البنية العامة. يتعرّف سمير أولًا على حالته: إن وُجد المظهر ← المحرّر فالقالب FSE.

2. الأنماط العامة وأجزاء القالب

الأنماط العامة (FSE ← الأنماط) تجمع ألوان الموقع وخطوطه: تعديل اللوحة يحدّث كل الصفحات دون إعادة كل واحدة. هذا ضمان اتساق بصري فوري وصيانة بسيطة.

أجزاء القالب (template parts) هي العناصر المعاد استخدامها — الترويسة والتذييل. تُحرَّر مرة، وينطبق التغيير على كل الصفحات التي تستخدمها. يضع سمير فيها الشعار والقائمة الرئيسية وبيانات الورشة، ثم يتحقّق من العرض على الهاتف.

خطأ شائع في الفهم: «يجب البرمجة لتغيير الترويسة». لا: مع قالب الكتل، تُحرَّر الترويسة والتذييل في FSE بالكتل نفسها المستخدمة في المحتوى. لا يصبح الكود ضروريًا إلا لحاجات دقيقة جدًا.
المخصّص ومحرّر الموقع (FSE) تُضبط القوالب الكلاسيكية في المخصّص، وقوالب الكتل في محرّر FSE. قالبكلاسيكي+المخصّصمعاينة مباشرة+قالبكتل+محرّر FSEقوالب & أنماط أداة لكل عائلة قوالب: المخصّص أو محرّر الموقع الكامل.
مساران للتخصيص حسب نوع القالب.
نص المخطط (SEO / قارئات الشاشة / الترجمة): 1) قالب كلاسيكي ← المخصّص بمعاينة مباشرة. 2) قالب كتل ← محرّر الموقع (FSE). 3) الأنماط العامة تضبط الألوان والخطوط في كل مكان. 4) أجزاء القالب (ترويسة، تذييل) تُحرّر مرة. الدرس: الأداة المناسبة تعتمد على القالب.

🔎 مثال ملموس — تطبيق هوية الورشة (حالة سمير)

قالب كتل ← المظهر ← المحرّر.
1. الأنماط ← اللوحة: أزرق عميق + رمل دافئ.
2. الخطوط: خط رصين للعناوين والنص.
3. أجزاء القالب ← الترويسة: شعار + قائمة.
4. التذييل: بيانات + إشعارات قانونية.
→ نشر والتحقّق على الهاتف.

النتيجة: هوية متناسقة على كل الموقع.

الدرس: الأنماط العامة تمنع إعادة كل صفحة.

مفردات القسم

المخصّص
أداة القوالب الكلاسيكية: إعدادات المظهر بمعاينة مباشرة.

مثال بسيط: ضبط شعار الورشة وألوانها.

ما ليس كذلك: البحث عنه في قالب كتل حيث اختفى.

رد فعل: قالب كلاسيكي = المخصّص.

محرّر الموقع (FSE)
أداة قوالب الكتل: تحرير الموقع كله بكتل غوتنبرغ.

مثال بسيط: تعديل الترويسة والتذييل بلا كود.

ما ليس كذلك: الاعتقاد بأن FSE يخصّ المقالات فقط.

رد فعل: قالب كتل = FSE.

القالب (template)
بنية نوع صفحة (رئيسية، مقال، 404)، تُعاد استخدامها لكل محتوى من هذا النوع.

مثال بسيط: قالب المقال ينطبق على كل النصائح.

ما ليس كذلك: إعادة إنشاء البنية لكل مقال.

رد فعل: قالب واحد لكل نوع صفحة.

الأنماط العامة
ألوان الموقع وخطوطه، مضبوطة في مكان واحد.

مثال بسيط: تغيير اللوحة يحدّث كل الصفحات.

ما ليس كذلك: إعادة تلوين كل كتلة صفحة بصفحة.

رد فعل: الاتساق = الأنماط العامة.

جزء القالب
عنصر معاد استخدامه (ترويسة، تذييل) يُحرّر مرة ويُطبّق في كل مكان.

مثال بسيط: الترويسة مع الشعار والقائمة.

ما ليس كذلك: تعديل الترويسة في كل صفحة على حدة.

رد فعل: الترويسة والتذييل = أجزاء القالب.

في التطبيق — التخصيص حسب القالب

  1. حدّد حالتك: وجود المظهر ← المحرّر يعني FSE؛ وإلا فالمظهر ← تخصيص.
  2. FSE: الأنماط ← غيّر اللوحة والخطوط العامة.
  3. FSE: حرّر الترويسة (شعار، قائمة) والتذييل عبر أجزاء القالب.
  4. كلاسيكي: اضبط الشعار والألوان والترويسة في المخصّص، ثم انشر.
موقع على صورة العلامة، متناسق وبلا سطر كود واحد.

نص جاهز — شرح التخصيص (25 ثانية)

«أضبط ألوانكم وخطوطكم مرة واحدة، فيأخذها الموقع كله تلقائيًا. تُعدّل الترويسة والتذييل أيضًا بلا كود: إن غيّرتم رقمًا أو شعارًا، يكفي تحديث واحد.»

أكّد على الصيانة: ما هو عام يمنع النسيان.

نموذج نسخ ولصق — الهوية البصرية

نوع القالب: كلاسيكي / كتل
اللون الرئيسي: _______________
اللون الثانوي: _______________
خط العناوين: _______________
خط النص: _______________
الترويسة: شعار + قائمة
التذييل: بيانات + إشعارات

قالب كلاسيكي

كل شيء عبر المخصّص؛ وتبقى الودجات منفصلة.

قالب كتل

FSE للترويسة والتذييل والقوالب؛ والأنماط العامة للهوية.

هوية قوية

حدّد اللوحة والخطوط أولًا، ثم كوّن الصفحات.

إعادة تصميم

خذ نسخة احتياطية قبل تغيير الأنماط العامة لموقع مباشر.

✓ ممارسات جيدة

  • تحديد نوع القالب قبل البحث عن الأداة.
  • ضبط الهوية في الأنماط العامة.
  • تحرير الترويسة والتذييل عبر أجزاء القالب.

✗ أخطاء شائعة

  • البحث عن المخصّص في قالب FSE.
  • إعادة تلوين كل صفحة كتلة بكتلة.
  • نسيان التحقّق من العرض على الهاتف بعد التخصيص.

النقاط الأساسية

  • كلاسيكي ← المخصّص؛ كتل ← FSE.
  • يحرّر FSE الموقع كله بالكتل.
  • الأنماط العامة تضمن الاتساق.
  • أجزاء القالب تُحرّر مرة واحدة وللأبد.

تحدي 48 ساعة — طبّق غدًا

على موقع محلي، غيّر اللوحة والخطوط العامة، ثم عدّل الترويسة لوضع شعار وقائمة. تحقّق من أن كل الصفحات تتبع. 25 دقيقة.

قائمة الخروج من القسم
  • أعرف أي أداة أستخدم حسب القالب.
  • أغيّر الألوان والخطوط عامةً.
  • أحرّر الترويسة والتذييل بلا كود.
تقييم ذاتي 1-5: هل أخصّص بلا كود؟هل أحافظ على اتساق عام؟

أسئلة شائعة

أين اختفى المخصّص؟

في قالب الكتل (FSE) يحلّ محله المظهر ← المحرّر. هذا طبيعي: إعدادات المظهر تمرّ عبر الأنماط العامة وأجزاء القالب.

هل يمكنني تغيير الألوان دون المساس بالمحتوى؟

نعم: الأنماط العامة تؤثر في المظهر لا في النصوص أو الصور. تعديل اللوحة ينعكس في كل مكان دون إعادة كتابة الصفحات.

هل تظهر التعديلات فورًا؟

في المخصّص وFSE تعمل بمعاينة؛ لا شيء علني حتى تنشر. على موقع مباشر، تحقّق دائمًا بعد النشر.

تحقّق من فهمك

قالب الورشة قالب كتل. أين يضبط سمير ألوان الموقع وخطوطه كلها؟

موارد إضافية (اختياري، للتعمّق أكثر)

اختبار المستوى 2أسئلة جديدة وأصعب للتحقق من مكتسباتك