تبديل القائمة

كيفية استخدام قالب الرأس في WordPress

نشرت: 2022-12-30

حفظ قوالب منشئ الصفحات وأصول التصميم على السحابة! ابدأ في Assistant.Pro

How to use Header Templates in WordPress
  • بيفر ثيمير

كيفية استخدام قالب الرأس في WordPress

غالبًا ما لا يكون تخصيص رأس WordPress عملية سهلة. إذا لم تكن مرتاحًا لتحرير ملفات النسق ، فلا توجد طرق عديدة يمكنك من خلالها تغيير الطريقة التي يبدو بها الرأس خارج تبديل السمات.

لحسن الحظ ، يمكنك استخدام قالب رأس Beaver Themer في WordPress لضبط مظهر رأس السمة بسهولة. اختر من بين مجموعة من قوالب تخطيط الرأس القابلة للتخصيص واستخدمها لأي موقع ويب.

في هذه المقالة ، سنتحدث عن كيفية عمل قوالب الرأس ولماذا قد ترغب في تعديل نموذجك. سنوضح لك أيضًا كيفية استخدام القوالب مع Beaver Themer. دعنا نذهب اليها!

جدول المحتويات:

  • ما هي قوالب تخطيط رأس WordPress؟
  • كيفية استخدام قالب الرأس في WordPress (3 خطوات)
  • الخطوة 1: إضافة مخطط Themer الجديد وتكوين قواعده
  • الخطوة 2: حدد قالب الرأس
  • الخطوة 3: تخصيص قالب تخطيط الرأس الخاص بك
  • استنتاج
  • أسئلة ذات صلة
  • ما هي قوالب تخطيط رأس WordPress؟

    تمكّنك الإصدارات الأحدث من WordPress من تعديل ملفات قوالب السمات باستخدام Block Editor. يسمى هذا تحرير الموقع الكامل؛ ومع ذلك ، لا تزال هذه الميزة محدودة جدًا.

    إذا كنت تريد تحكمًا أفضل في مظهر الرأس ، فيمكنك التفكير في استخدام قوالب تخطيط الرأس بدلاً من ذلك. تأتي هذه القوالب مع الوظيفة الإضافية Beaver Themer الخاصة بنا وتمكنك من تبديل أنماط الرأس على الفور تقريبًا.

    استخدام قوالب تخطيط الرأس في Beaver Themer

    Beaver Themer هو مكون إضافي لبرنامج Beaver Builder يتيح لك تعديل ملفات قوالب السمات والوصول إلى تحرير الموقع بالكامل باستخدام محرر منشئ الصفحة. علاوة على ذلك ، تم اختبار Beaver Themer وتشغيله بشكل كامل ، في حين أن تحرير الموقع الكامل لـ WordPress لا يزال في مرحلة تجريبية وغير مستقر تمامًا.

    علاوة على الوصول إلى القوالب ، تمنحك أداتنا درجة كبيرة من التحكم في كيفية عمل الرأس. يمكنك استخدام Beaver Themer لإنشاء رؤوس ثابتة وتكوين التراكبات وتصميم عناصر فريدة لصفحات معينة.

    كيفية استخدام قالب الرأس في WordPress (في 3 خطوات سهلة)

    للوصول إلى تخطيطات قالب الرأس ، ستحتاج إلى استخدام Beaver Themer. يتيح لك هذا المكون الإضافي لـ Beaver Builder تخصيص قوالب السمات وأجزاء القالب والمزيد. لتجربة Beaver Themer ، يمكنك استخدام موقع Beaver Themer التجريبي.

    ضع في اعتبارك أنك ستحتاج أيضًا إلى استخدام سمة متوافقة مع Beaver Themer. يعد Beaver Builder Theme هو الخيار الأفضل إذا كنت ترغب في استخدام أداة إنشاء الصفحات الخاصة بنا لتخصيص جوانب متعددة من موقع الويب الخاص بك. بخلاف ذلك ، قد ترغب في الاطلاع على دليلنا لأفضل سمات Beaver Builder.

    الخطوة 1: إضافة مخطط Themer الجديد وتكوين قواعده

    بعد تثبيت وتفعيل Beaver Themer ، سترى عدة خيارات جديدة تظهر في لوحة معلومات WordPress الخاصة بك. وتشمل هذه تنسيقات وقوالب Themer .

    لإضافة تخطيط Themer جديد ، انتقل إلى Beaver Builder> Themer Layouts وانقر على Add New :

    في الشاشة التالية ، قم بتعيين عنوان للقالب وحدد Themer Layout ضمن قائمة النوع . بالنسبة إلى قائمة Layout ، حدد خيار Header :

    إضافة تخطيط رأس Beaver Themer

    انقر فوق Add Themer Layout وانتقل إلى الشاشة التالية. هنا يمكنك تكوين بعض سلوك التخطيط.

    يعني تمكين خيار التثبيت أن العنوان سيظل مرئيًا بينما يقوم الزوار بالتمرير لأسفل في كل صفحة. يعمل إعداد التراكب بشكل مشابه ، لكنه يضيف مستوى من الشفافية إلى الرأس:

    تكوين إعدادات التثبيت والتراكب لقالب الرأس

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

    تكوين موقع الرأس

    إذا كنت تريد أن يظهر تصميم الرأس الجديد في جميع الصفحات ، فحدد خيار الموقع بالكامل . بدلاً من ذلك ، يمكنك استخدام قوالب رأس منفصلة لأجزاء مختلفة من موقع الويب الخاص بك.

    أخيرًا ، تقوم إعدادات القواعد بتكوين معلمات محددة يجب الوفاء بها حتى يظهر العنوان. على سبيل المثال ، قد تعرض النموذج للمستخدمين الذين قاموا بتسجيل الدخول فقط. يمكن أن يكون هذا الإعداد مفيدًا إذا كنت تريد توجيه المستخدمين المسجلين إلى أجزاء خاصة من موقع الويب الخاص بك:

    تكوين القواعد لقوالب الرأس الجديدة

    إذا كنت تريد أن يظهر قالب الرأس الخاص بك في جميع الصفحات لجميع المستخدمين ، فحدد خيار الموقع بالكامل ضمن الموقع ، ولا تضف أي قواعد أخرى. أخيرًا ، عند الانتهاء من هذه الإعدادات ، انقر فوق الزر Launch Beaver Builder في أعلى الصفحة لفتح المحرر.

    الخطوة 2: حدد قالب الرأس

    بمجرد تشغيل محرر Beaver Builder ، سترى قالب تخطيط الرأس الافتراضي يتم ملؤه تلقائيًا لملف. هذا ما يبدو عليه:

    قالب تخطيط رأس Beaver Themer الافتراضي

    يتضمن قالب الرأس الافتراضي صفين - أحدهما به معلومات الاتصال وروابط لوسائل التواصل الاجتماعي والآخر به مساحة لعنوان موقع الويب الخاص بك وقائمة التنقل الرئيسية.

    لتغيير هذا النموذج ، انقر فوق رمز علامة الجمع في الزاوية العلوية اليمنى من الشاشة. انتقل إلى علامة التبويب القوالب وانظر إلى الخيارات الموجودة بالداخل. يتضمن Beaver Builder خمسة قوالب تخطيط رأس ، أحدها تستخدمه الآن.

    حدد أي قالب ، وسيسألك Beaver Builder عما إذا كنت تريد استبدال التخطيط الحالي أو إلحاقه بالتصميم الحالي. حدد الخيار الأول:

    استبدال تخطيط قالب الرأس في Beaver Builder

    لكل قالب رأس تصميم وتخطيط مختلفين. فيما يلي مثال آخر من خيارات قالب رأس Beaver Builder:

    قالب قائمة Beaver Builder

    بمجرد تحديد قالب ، يمكنك تعديل أي من وحداته. هذا يعني أنه يمكنك استخدام القالب كنقطة بداية لمساعدتك في إنشاء العنوان الذي تريده لموقعك على الويب بسرعة. ببساطة استبدل المحتوى بالمحتوى الخاص بك.

    الخطوة 3: تخصيص قالب تخطيط الرأس الخاص بك

    نظرًا لأننا نستخدم Beaver Builder لتحرير تخطيط العنوان الخاص بك ، يمكنك بسهولة تحديث أو تبديل أي من الوحدات التي تراها هنا. بالإضافة إلى ذلك ، يمكنك تعديل أي جانب آخر من جوانب تخطيط الرأس ونمطه.

    على سبيل المثال ، إذا كان قالب الرأس الذي تستخدمه يحتوي على عنوان نصي ، فيمكنك تعديل نصه وحجمه ولونه وخطه ، من بين خيارات أخرى. للقيام بذلك ، حدد الوحدة ، وستفتح قائمة الإعدادات الخاصة بها:

    تحرير رأس القائمة في Beaver Builder

    يتوافق كل عنصر في تخطيط الرأس مع وحدة Beaver Builder. على سبيل المثال ، إذا حددت عنصر القائمة ، فسوف يتيح لك Beaver Builder الاختيار من القوائم الموجودة على موقعك ، وتغيير اتجاهها ، واستخدام الأكورديون ، وإضافة شعار ، والمزيد:

    تحرير قائمة في Beaver Builder

    لاحظ أنه إذا كنت لا ترى أي قوائم متاحة للاختيار من بينها ، فستحتاج أولاً إلى إنشاء واحدة في لوحة معلومات WordPress بالانتقال إلى المظهر> القوائم.

    عنصر مفيد آخر موجود في معظم قوالب رؤوس Beaver Themer هو مجموعة أيقونات الوسائط الاجتماعية. نقوم بتضمين هذه الرموز باستخدام وحدة Icon Group نظرًا لأن معظم مواقع الويب الحديثة تستخدم الوسائط الاجتماعية لأغراض التسويق.

    تتيح لك وحدة Icon Group تغيير الرموز لكل منصة وإعادة ترتيبها وإزالة العناصر التي لا تحتاج إليها:

    تحرير أيقونات الوسائط الاجتماعية في Beaver Themer

    قبل الانتهاء من تخصيص تخطيط الرأس ، تذكر أنه يمكنك إضافة وحدات وصفوف أخرى من Beaver Builder إليه. تعمل هذه العملية بنفس طريقة تحرير أي صفحة أو منشور باستخدام المنشئ الخاص بنا.

    على سبيل المثال ، يمكنك إضافة وحدة بحث إلى العنوان إذا كنت تستخدم نموذجًا لا يتضمن نموذجًا افتراضيًا:

    قالب رأس Beaver Themer مع شريط بحث

    عندما تكون راضيًا عن تصميم الرأس ، انقر فوق تم ثم نشر . هذا هو!

    إذا قمت بإعداد الرأس للظهور لموقع الويب بأكمله ، فيجب أن ترى التغيير على الفور. بخلاف ذلك ، ستحتاج إلى الانتقال إلى الصفحة المعنية لرؤية العنوان الجديد.

    استنتاج

    باستخدام Beaver Themer ، يمكنك الاختيار من بين مجموعة مختارة من قوالب تخطيط الرأس واستخدامها لأي موقع ويب. كل قالب قابل للتخصيص بالكامل ، والعملية واضحة للغاية خاصة إذا كنت معتادًا بالفعل على Beaver Builder.

    إذا كنت ترغب في استخدام وتحرير قوالب تخطيط الرأس على موقع WordPress الخاص بك ، فستحتاج إلى الوظيفة الإضافية Beaver Themer الخاصة بنا. بمجرد تنشيط الوظيفة الإضافية ، ما عليك سوى اتباع هذه الخطوات الثلاث السهلة:

    1. أضف تخطيط Themer الجديد وقم بتكوين قواعده.
    2. حدد قالب رأس أو أنشئ واحدًا من البداية.
    3. تخصيص قالب تخطيط الرأس الخاص بك.

    أسئلة ذات صلة

    هل أحتاج إلى Beaver Themer لاستخدام قوالب تخطيط الرأس؟

    يتضمن Beaver Builder مجموعة واسعة من قوالب الصفحات التي يمكنك استخدامها في جميع أنحاء موقع الويب الخاص بك. ومع ذلك ، ستحتاج إلى Beaver Themer لتحرير قوالب السمات للرؤوس والتذييلات والعناصر الأخرى.

    هل يعمل Beaver Themer مثل تحرير الموقع بالكامل؟

    يتيح لك كل من Beaver Themer و Full Site Editing تحرير قوالب السمات. مع التحرير الكامل للموقع ، يمكنك تحرير هذه العناصر وتخصيصها باستخدام قوالب WordPress. من ناحية أخرى ، يتيح لك Beaver Themer تحرير قوالب السمات والأجزاء باستخدام وحدات Beaver Builder. بالإضافة إلى ذلك ، يقدم Beaver Themer مجموعة من القوالب التي يمكنك استخدامها لبدء التصميمات.

    كيف يمكنك إضافة رأس وتذييل لموضوع WordPress؟

    باستخدام Beaver Themer ، يمكنك الاختيار من بين العديد من قوالب الرأس والتذييل. تأتي أداة بناء السمات الخاصة بنا مع رؤوس وتذييلات جذابة وسهلة الاستخدام ، والتي يمكنك تعديلها لتتناسب مع تصميم موقع الويب الخاص بك. بعد ذلك ، لا داعي للقلق بشأن تحرير ملفات السمات يدويًا واحتمالية كسرها.