3.1Theme Builder: الترويسة والتذييل
الأساسي في 30 ثانية
- Theme Builder (Pro) يُصمّم بصريًا الأجزاء العامّة للموقع: الترويسة، التذييل، القوالب.
- شروط العرض تُقرّر أين يُطبَّق القالب (كل الموقع، صفحات معيّنة…).
- يمكن أن تكون الترويسة لاصقة (sticky) ويجب أن تكون مستجيبة (قائمة هامبرغر على الجوّال).
الخيط الناظم — نادية تنتقل إلى Pro
يريد النجّار ترويسة متطابقة في كل مكان (شعار + قائمة + زر «عرض سعر») وتذييلًا بعنوان ومواعيد. حتى الآن، كانت نادية تنسخ هذه الكتل في كل صفحة. مع Elementor Pro وTheme Builder، تنشئ ترويسة وتذييلًا عامّين، معروضَين على كل الموقع، قابلَين للتعديل في مكان واحد.
بداية المستوى 3 — نادية تتحوّل إلى Elementor Pro.
1. ترويسة وتذييل عامّان
Theme Builder هو الميزة النجمة في Elementor Pro: يتيح تصميم الأجزاء العامّة للموقع بصريًا. الترويسة (header) هي الشريط العلويّ الموجود في كل مكان (شعار، قائمة، زر فعل)؛ والتذييل (footer) الشريط السفليّ (عنوان، مواعيد، شبكات، إشعارات قانونية). تُنشأ مرّة، وتُعرَض على كل الموقع.
انتهى النسخ واللصق: تُصمّم نادية ترويسة النجّار (شعار يسارًا، قائمة، زر «عرض سعر» يمينًا) والتذييل (عنوان وهران، مواعيد، هاتف) في Theme Builder.
2. الشروط، اللصق، الاستجابة
شروط العرض تُقرّر أين يُطبَّق القالب: كل الموقع، صفحات معيّنة فقط، إلخ. فيمكن أن تكون ترويسة مختلفة على الصفحة الرئيسية عند الحاجة.
يمكن أن تكون الترويسة لاصقة (sticky): تبقى ظاهرة في الأعلى عند التمرير — مفيد لإبقاء القائمة وزر «عرض سعر» في المتناول. ويجب أن تكون مستجيبة: على الجوّال، تُطوى القائمة (هامبرغر)، تُختبَر.
🔎 مثال ملموس — ترويسة النجّار وتذييله (حالة نادية)
Theme Builder ← ترويسة: شعار · قائمة · زر «عرض سعر» → شرط: كل الموقع، lsticky مُفعّل.
Theme Builder ← تذييل: عنوان وهران · مواعيد · هاتف · إشعارات → شرط: كل الموقع.
الجوّال: قائمة هامبرغر، مُختبَرة بالإصبع.
→ تغيير القائمة = مكان واحد.النتيجة: اتّساق تامّ، صيانة في نقطة واحدة.
الدرس: صمّم الأجزاء العامّة في Theme Builder.
مفردات القسم
- Theme Builder (Pro)
- ميزة Elementor Pro لتصميم الأجزاء العامّة للموقع بصريًا.
مثال بسيط: تنشئ نادية ترويسة النجّار وتذييله فيه.
ما ليس كذلك: نسخ الترويسة على كل صفحة يدويًا.
رد فعل: جزء موجود في كل مكان → Theme Builder.
- الترويسة (header)
- الشريط العلويّ الموجود على كل الموقع (شعار، قائمة، زر فعل).
مثال بسيط: شعار + قائمة + زر «عرض سعر».
ما ليس كذلك: ترويسة مختلفة وغير متّسقة لكل صفحة.
رد فعل: ترويسة عامّة، واضحة، بفعل.
- التذييل (footer)
- الشريط السفليّ الموجود في كل مكان (عنوان، مواعيد، شبكات، إشعارات).
مثال بسيط: عنوان وهران، مواعيد، هاتف، إشعارات قانونية.
ما ليس كذلك: نسيان معلومات التواصل والإشعارات.
رد فعل: تذييل = معلومات مفيدة + إشعارات.
- شروط العرض
- أين يُطبَّق قالب (ترويسة، تذييل…): كل الموقع، صفحات معيّنة…
مثال بسيط: ترويسة على كل الموقع، أخرى على الرئيسية.
ما ليس كذلك: عدم تحديد شرط (لا يُعرَض القالب).
رد فعل: إنشاء قالب = منحه شرطًا.
- ترويسة لاصقة (sticky) ومستجيبة
- تبقى الترويسة ظاهرة عند التمرير (sticky) وتتكيّف مع الجوّال (هامبرغر).
مثال بسيط: القائمة وزر «عرض سعر» في المتناول دائمًا؛ هامبرغر على الجوّال.
ما ليس كذلك: ترويسة تختفي أو تنكسر على الجوّال.
رد فعل: sticky عند الفائدة + اختبار الجوّال دائمًا.
في التطبيق — إنشاء ترويسة وتذييل عامّين
- في Theme Builder، أنشئ ترويسة (شعار، قائمة، زر فعل).
- امنحها شرط «كل الموقع» وفعّل sticky إن كان مناسبًا.
- أنشئ تذييلًا (عنوان، مواعيد، إشعارات) بالشرط نفسه.
- اختبر على الجوّال: قائمة هامبرغر، ترويسة مقروءة، تذييل كامل.
نصّ جاهز للقول — إبراز الترويسة العامّة (20 ث)
«أنشأتُ ترويستك وتذييلك مرّة واحدة: شعار وقائمة وزر عرض سعر في الأعلى، عنوان ومواعيد في الأسفل، متطابقة على كل الصفحات. إن أردتَ تغيير القائمة أو إضافة موعد، أفعله في مكان واحد، ويُطبَّق في كل مكان.»
بِع الاتّساق والصيانة في نقطة واحدة.
قالب للنسخ واللصق — تحقّق Theme Builder
الترويسة: شعار ___ قائمة ___ زر فعل ___
الشرط: كل الموقع / صفحات: ___ STICKY: نعم / لا
التذييل: عنوان ___ مواعيد ___ هاتف ___ إشعارات ___
الشرط: كل الموقع / صفحات: ___
الاستجابة (هامبرغر) مُختبَرة: نعم / لاموقع حرفيّ تعريفيّ
ترويسة بسيطة (شعار + قائمة + زر اتصال)، تذييل بعنوان ومواعيد.
رئيسية خاصّة
شرط خاصّ: ترويسة شفّافة على الرئيسية، كلاسيكية في غيرها.
Sticky
إبقاء زر «عرض سعر» في المتناول عند التمرير على الصفحات الطويلة.
الجوّال
قائمة هامبرغر واضحة؛ زر اتصال ظاهر في ترويسة الجوّال.
✓ ممارسات جيدة
- صمّم الترويسة/التذييل في Theme Builder (مرّة).
- امنح شرط عرض لكل قالب.
- اختبر الترويسة اللاصقة وقائمة الجوّال.
✗ أخطاء شائعة
- نسخ الترويسة على كل صفحة.
- نسيان الشرط (قالب غير معروض).
- عدم اختبار قائمة الجوّال.
النقاط الأساسية
- Theme Builder (Pro) = الأجزاء العامّة للموقع.
- ترويسة (أعلى) وتذييل (أسفل) مُصمَّمان مرّة.
- شروط العرض = أين يُطبَّق.
- ترويسة لاصقة + مستجيبة (هامبرغر).
تحدّي 48 ساعة — طبّق غدًا
بـ Elementor Pro، أنشئ ترويسة عامّة (شعار، قائمة، زر) وتذييلًا (عنوان، مواعيد)، مُطبَّقَين على كل الموقع. فعّل sticky واختبر قائمة الهامبرغر على الجوّال. 30 دقيقة.
- أنشئ ترويسة وتذييلًا عامّين.
- أضبط شروط العرض.
- أختبر sticky وقائمة الجوّال.
أسئلة شائعة
هل Theme Builder مجاني؟
لا: إنه ميزة في Elementor Pro. في Free، لا يمكن تصميم ترويسة/تذييل عامّة ولا قوالب محتوى بـ Elementor.
ما فائدة شروط العرض؟
تقرّر أين يُطبَّق قالب: كل الموقع، صفحات معيّنة فقط، نوع محتوى، إلخ. بلا شرط، لا يُعرَض القالب في أي مكان.
ما الترويسة «اللاصقة»؟
ترويسة تبقى ملتصقة بأعلى الشاشة عند تمرير الصفحة — مفيدة لإبقاء القائمة وزر فعل في المتناول دائمًا.
يريد النجّار الترويسة نفسها (شعار، قائمة، زر عرض سعر) على كل صفحاته، سهلة التعديل. ماذا تفعل نادية؟