العنصر: كيفية إنشاء رأس مخصص

هل ترغب في إنشاء رأس مخصص في WordPress باستخدام Elementor؟

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

اكتشف كيفية تثبيت Elementor على WordPress

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

ولكن هل من الممكن إنشاء رأس مخصص في WordPress لاستبدال رأس ملف وورد موضوع نشيط ؟

بالطبع ، يمكنك إنشاء رأس مخصص لتجاوز العنوان الافتراضي للموضوع النشط حاليًا على موقع WordPress الخاص بك.

إذا كانت لديك مهارة برمجة (PHP في هذه الحالة) ، فأنشئ رأسًا مخصصًا لملف وورد موضوع ليست مشكلة كبيرة. إذا لم يكن لديك أي مهارات برمجة ، يتيح لك Elementor إنشاء رأس مخصص دون كتابة سطر واحد من التعليمات البرمجية. يمكنك إنشاء الرأس عبر محرر السحب والإفلات المرئي.

ملاحظة: لا يتوفر Theme Builder إلا في Elementor Pro.

كيفية إنشاء رأس مخصص في WordPress باستخدام Elementor

يأتي الإصدار المحترف من Elementor مع ميزة تسمى منشئ الموضوع. تتيح لك هذه الميزة إنشاء وورد موضوع بدون ترميز. تتضمن عناصر السمات التي يمكنك إنشاؤها باستخدام أداة إنشاء السمات الخاصة بـ Elementor ما يلي:

• في الراس
• أسفل الصفحة
• قالب منشور واحد
• قالب صفحة الأرشيف
• نموذج 404 صفحة

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

قبل أن تبدأ ، تأكد من تثبيت إليمنتور برو على موقع WordPress الخاص بك.

أولاً ، اذهب إلى القوالب -> مُنشئ القوالب.

في صفحة Theme Builder ، انتقل إلى علامة التبويب رأس وانقر على زر إضافة لإنشاء رأس جديد.

ستظهر نافذة منبثقة تطلب منك تسمية القالب الخاص بك. اكتب اسم النموذج الخاص بك وانقر فوق الزر إنشاء نموذج.

يسمح لك Elementor بإنشاء رأس من قالب. حدد أحد النماذج المتوفرة في مكتبة النماذج وانقر فوق الزر أدخل لتحميله في محرر Elementor.

يمكنك أيضًا إنشاء الرأس من البداية. إذا كنت تفضل إنشاء الرأس من البداية ، يمكنك فقط إغلاق مكتبة القوالب لفتح محرر Elementor.

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

اقرأ دليلنا: Elementor Free vs Elementor Pro: مقارنة تفصيلية بين الميزات

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

اضبط عرض كل عمود عن طريق سحب الحاجز إلى الاتجاه الأيسر أو الأيمن. ألق نظرة على الالتقاط أدناه.

 

• أضف شعار الموقع

لإضافة شعار موقع الويب ، اسحب الأداة شعار الموقع من اللوحة اليمنى إلى أحد الأعمدة في محرر Elementor.

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

اقرأ أيضا: كيفية استيراد أو تصدير النماذج في Elementor 

يمكنك تخصيص شعارك عبر اللوحة اليسرى. يمكنك تحديد عناصر مثل المحاذاة والارتباط والعرض وما إلى ذلك.

ما عليك سوى اللعب باللوحة اليسرى حتى تكون سعيدًا بالنتيجة.

• إضافة قائمة التنقل

لإضافة قائمة التنقل ، اسحب الأداة قائمة الملاحة إلى أحد الأعمدة في محرر Elementor.

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

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

• أضف شريط البحث

لإضافة شريط البحث ، يمكنك سحب الأداة نموذج بحث في العمود المتبقي.

وبمجرد أن استمارتنا مضافًا ، يمكنك الانتقال إلى اللوحة اليمنى لتخصيصها.

تخصيص الرأس

بشكل افتراضي ، سيكون لعنوانك خلفية بيضاء. يمكنك تغيير هذا اللون ليتناسب مع لون المظهر الخاص بك. للقيام بذلك ، قم بتفعيل القسم بالضغط عليه في المتصفح (السيطرة+أنا). 

اذهب إلى علامة التبويب الطراز على اللوحة اليمنى وحدد اللون المفضل لديك بالنقر فوق منتقي الألوان في الخيار اللون من القسم خلفية.

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

اقرأ أيضا: Elementor Pro: 10 ميزات رائعة لفتحها - الجزء الأول

إذا كنت ترغب في إيقاف تشغيل تأثير Sticky على نوع معين من الأجهزة ، فما عليك سوى إزالة الجهاز من الحقل.

انشر رأسك المخصص

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

انظر أيضا: كيفية إنشاء قالب منشور فريد باستخدام Elementor Pro

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

في الخطوة التالية ، سيُطلب منك ضبط حالة العرض. انقر فوق الزر إضافة حالة

بشكل افتراضي ، سيتم تطبيق قالب الرأس الخاص بك على موقع الويب بالكامل. لذلك إذا كنت تريد تطبيق قالب الرأس الخاص بك على موقع الويب بالكامل ، يمكنك فقط النقر فوق الزر احفظ وأغلق.

اقرأ أيضا: كيفية إنشاء تذييل في WordPress باستخدام Elementor

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

احصل على Elementor Pro الآن!

وفي الختام

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

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

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.

...