كيفية إنشاء رأس تنقل أفضل لووردبريس

نشرت: 2022-08-20

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

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

لنبدأ!

تعريف عنوان الملاحة

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

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

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

الأنواع الشائعة من رؤوس التنقل التي قد تراها

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

general WordPress header menu

قائمة رأس WordPress العامة

إنه نوع قائمة الرأس التي تحتوي على الكثير من القوائم والروابط الشائعة والحد الأدنى المطلوب التي يتم رؤيتها في الغالب. يحتوي بشكل عام على شعار ، و Home ، و Menu ، و News ، وأي قوائم أو روابط دنيا.

register login navigation header

تسجيل / تسجيل الدخول رأس التنقل

يحتوي هذا النوع من رؤوس التنقل على قائمة تسجيل أو تسجيل دخول تتيح للمستخدم أن يكون عضوًا في موقع الشركة. يجذب المستخدمين مباشرة نحو الموقع.

WooCommerce mega navigation header menu

قائمة WooCommerce Mega Navigation Header

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

لنقم ببناء تنقلات أفضل في WordPress

الآن ، سوف نعرض لك عملية إنشاء تنقل أفضل في WordPress. العملية موضحة أدناه:

قم بعمل قائمة مخصصة من خيار قوائم WordPress

make a custom menu from wordpress menus option 1 - BdThemes

اذهب إلى قائمة المظهر ، ثم انتقل إلى الروابط المخصصة. بعد ذلك ، قم بملء حقل URL و Link Text.

make a custom menu from wordpress menus option 2 - BdThemes

بعد ذلك ، أضف عنوان URL كما هو موضح.

make a custom menu from wordpress menus option 3 - BdThemes

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

إنشاء عناصر القائمة الفرعية

create sub menu items

اذهب إلى قائمة المظهر. بعد ذلك ، انتقل إلى القائمة ، هنا حدد قائمة Checkout ، ثم حدد عناصر القائمة الفرعية منها ، واضغط على زر Save Menu.

create sub menu items 2 - BdThemes

بعد ذلك ، انظر النتيجة وهي تحوم في القائمة ، تظهر القوائم الفرعية هنا.

إدراج قائمة الرأس في محرر صفحة العنصر

الآن ، دعنا ندرج قائمة الرأس في Elementor Page Editor. كل ما عليك القيام به هو إتباع الخطوات أدناه:

استخدم عنصر واجهة مستخدم شريط التنقل لقائمة الرأس

use Navbar widget for header menu

أولاً ، انتقل إلى قائمة الأدوات ، ثم ابحث عن شريط التنقل ، ثم اسحب الأداة في منطقة النص وأسقطها.

use nav bar widget for header menu 2 - BdThemes

بعد ذلك ، حدد القائمة الرئيسية من القائمة المنسدلة في Select Menu.

use nav bar widget for header menu 3 - BdThemes

بعد تخصيص القائمة الرئيسية ، يبدو كما هو موضح.

تخصيص مظهر القطعة

customize the widget appearance 1 - BdThemes

اذهب إلى قائمة الحاجيات.

customize the widget appearance 2 - BdThemes

بعد ذلك ، قم بتخصيص عناصر قائمة Widgets لجعل المظهر يبدو جيدًا.

أضف حقل البحث إلى العنوان

add search field to the header

أولاً ، انتقل إلى قائمة الأدوات ، ثم اكتب "بحث" في حقل البحث ، ثم اسحب الأداة وأسقطها في منطقة النص.

add search field to the header 2 - BdThemes

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

add search field to the header 3 - BdThemes

بعد التخصيص ، يبدو حقل البحث كما هو موضح في الصورة.

ارفع مستوى مظهر موقعك اليوم

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

شكرا لقراءة هذا المقال بصبر. طاب يومك.