هل تريد إضافة قوائم تنقل مخصصة في قالب ووردبريس الخاص بك؟ قوائم التنقل هي القائمة الأفقية للروابط المعروضة أعلى معظم مواقع الويب.
بشكل افتراضي ، تأتي سمات ووردبريس مع مواقع وتخطيطات قائمة محددة مسبقًا ، ولكن ماذا لو كنت ترغب في إضافة قوائم التنقل المخصصة الخاصة بك؟
في هذه المقالة ، سنوضح لك كيفية إنشاء قوائم تنقل مخصصة وإضافتها بسهولة في ووردبريس ، بحيث يمكنك عرضها في أي مكان على قالبك.
إضافة قوائم تنقل مخصصة في قوالب ووردبريس
تأتي معظم سمات ووردبريس مع مكان واحد على الأقل حيث يمكنك عرض روابط التنقل الخاصة بموقعك في قائمة.
يمكنك إدارة عناصر القائمة من واجهة سهلة الاستخدام داخل منطقة إدارة ووردبريس الخاصة بك .
إذا كنت تبحث فقط عن إضافة قوائم التنقل على موقع الويب الخاص بك ، فما عليك سوى اتباع دليل المبتدئين الخاص بنا حول كيفية إضافة قائمة تنقل في ووردبريس .
الهدف من هذا البرنامج التعليمي هو مساعدة مستخدمي DIY / المتوسطين على إضافة قوائم تنقل مخصصة في سمات ووردبريس الخاصة بهم.
سنغطي الموضوعات التالية في هذه المقالة:
إنشاء قائمة تنقل مخصصة في قوالب ووردبريس
عرض قائمة التنقل المخصصة في قالب ووردبريس
إضافة قائمة تنقل مخصصة في ووردبريس باستخدام أداة إنشاء الصفحات
إنشاء قوائم استجابة متوافقة مع الجوّال في ووردبريس
المزيد من الأشياء التي يمكنك القيام بها باستخدام قوائم التنقل في ووردبريس
بعد قولي هذا ، دعنا نلقي نظرة على كيفية إضافة قوائم تنقل ووردبريس مخصصة في قالبك.
قوائم التنقل هي إحدى ميزات سمات ووردبريس. يمكن لكل سمة تحديد مواقع القائمة الخاصة بها ودعم القائمة.
لإضافة قائمة الملاحة العرف، فإن أول شيء عليك القيام به هو تسجيل الملاحة القائمة الجديدة عن طريق إضافة هذا الرمز إلى موضوع الخاص بك functions.php الملف.
function wpb_custom_new_menu() {
register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));
}
add_action( 'init', 'wpb_custom_new_menu' );يمكنك الآن الانتقال إلى المظهر » صفحة القوائم في مسؤول ووردبريس الخاص بك ومحاولة إنشاء قائمة جديدة أو تحريرها. سترى “قائمتي المخصصة” كخيار موقع السمة.
تمت إضافة قائمة التنقل المخصصة إلى الموضوع
إذا كنت ترغب في إضافة أكثر من موقع واحد لقائمة التنقل الجديدة ، فستحتاج إلى استخدام رمز مثل هذا:
function wpb_custom_new_menu() {
register_nav_menus(
array(
'my-custom-menu' => __( 'My Custom Menu' ),
'extra-menu' => __( 'Extra Menu' )
)
);
}
add_action( 'init', 'wpb_custom_new_menu' );بمجرد إضافة موقع القائمة ، امض قدمًا وأضف بعض عناصر القائمة في مسؤول ووردبريس باتباع البرنامج التعليمي الخاص بنا حول كيفية إضافة قوائم التنقل للمبتدئين .
سيسمح لنا ذلك بالانتقال إلى الخطوة التالية وهي عرض القائمة في المظهر الخاص بك.
بعد ذلك ، نحتاج إلى عرض قائمة التنقل الجديدة في قالب ووردبريس الخاص بك. المكان الأكثر شيوعًا حيث يتم وضع قوائم التنقل عادةً هو قسم رأس الموقع بعد عنوان الموقع أو شعاره مباشرةً.
ومع ذلك ، يمكنك إضافة قائمة التنقل الخاصة بك في أي مكان تريده.
ستحتاج إلى إضافة هذا الرمز في ملف قالب القالب الخاص بك حيث تريد عرض القائمة الخاصة بك.
<?php
wp_nav_menu( array(
'theme_location' => 'my-custom-menu',
'container_class' => 'custom-menu-class' ) );
?>موقع المظهر هو الاسم الذي اخترناه في الخطوة السابقة.
فئة الحاوية هي فئة CSS التي ستتم إضافتها إلى قائمة التنقل الخاصة بك. ستظهر قائمتك كقائمة ذات تعداد نقطي عادي على موقع الويب الخاص بك.
عرض مخصص كقائمة عادية
يمكنك استخدام فئة CSS لتصميم .custom_menu_classقوائمك. إليك نموذج CSS لمساعدتك على البدء:
div.custom-menu-class ul {
margin:20px 0px 20px 0px;
list-style-type: none;
list-style: none;
list-style-image: none;
text-align:right;
}
div.custom-menu-class li {
padding: 0px 20px 0px 0px;
display: inline;
}
div.custom-menu-class a {
color:#FFFFFF;
}
قائمة مخصصة على غرار
لمعرفة المزيد حول تصميم قائمة التنقل ، راجع البرنامج التعليمي المفصل الخاص بنا حول كيفية تصميم قوائم التنقل في ووردبريس
إذا كنت تقوم بإنشاء صفحة مقصودة مخصصة أو تخطيط الصفحة الرئيسية ، فإن استخدام مكون إضافي منشئ صفحات ووردبريس سيجعل الأمر برمته أسهل كثيرًا.
نوصي باستخدام Beaver Builder ، وهو أفضل منشئ صفحات ووردبريس في السوق. يسمح لك بإنشاء أي نوع من تخطيط الصفحة باستخدام أدوات السحب والإفلات البسيطة (لا يلزم وجود تشفير).
يتضمن هذا أيضًا إضافة قائمة تنقل مخصصة إلى تخطيط صفحتك.
أولاً ، ستحتاج إلى تثبيت وتفعيل المكون الإضافي Beaver Builder . لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون ووردبريس الإضافي .
عند التنشيط ، تحتاج إلى إنشاء صفحة جديدة أو تعديل صفحة موجودة حيث ترغب في إضافة قائمة التنقل. في شاشة محرر النشر ، انقر فوق الزر “Launch Beaver Builder “.
إطلاق Beaver Builder
إذا كانت صفحة جديدة ، فيمكنك استخدام أحد القوالب الجاهزة التي تأتي مع Beaver Builder. يمكنك أيضًا تعديل صفحتك الخارجية على الفور.
اختر قالبًا
بعد ذلك ، تحتاج إلى إضافة وحدة القوائم وسحبها وإفلاتها على صفحتك إلى المكان الذي تريد عرض القائمة فيه.
إضافة وحدة القائمة إلى صفحتك
سيؤدي ذلك إلى إظهار إعدادات وحدة القائمة في نافذة منبثقة. أولاً ، تحتاج إلى تحديد قائمة التنقل التي تريد استخدامها. يمكنك دائمًا إنشاء قوائم جديدة أو تعديل قائمة موجودة من خلال زيارة المظهر » صفحة القوائم في منطقة إدارة ووردبريس.
إعدادات وحدة القائمة
يمكنك مراجعة الإعدادات الأخرى أيضًا. يتيح لك Beaver Builder اختيار ألوان وخلفية وخصائص نمط أخرى مخصصة لقائمتك.
بمجرد الانتهاء ، يمكنك النقر فوق الزر حفظ ومعاينة القائمة الخاصة بك.
تمت إضافة معاينة قائمة التنقل المخصصة مع Beaver Builder
مع زيادة استخدام الأجهزة المحمولة ، قد ترغب في جعل قوائمك متوافقة مع الجوّال عن طريق إضافة أحد التأثيرات الشائعة العديدة.
مثال القائمة المستجيبة
يمكنك إضافة تأثير الانزلاق (أعلاه) وتأثير القائمة المنسدلة وحتى تأثير التبديل لقوائم الهاتف المحمول.
لدينا دليل مفصل خطوة بخطوة حول كيفية إنشاء قوائم ووردبريس سريعة الاستجابة للجوال .
تعد قوائم التنقل أداة قوية لتصميم الويب. إنها تسمح لك بتوجيه المستخدمين إلى أهم أقسام موقع الويب الخاص بك.
يتيح لك ووردبريس القيام بأكثر من مجرد عرض الروابط في قائمتك. جرب هذه البرامج التعليمية المفيدة لتوسيع وظائف قوائم التنقل على موقع ووردبريس الخاص بك.
كيفية إضافة رموز الصور مع قوائم التنقل في ووردبريس
كيفية إضافة المنطق الشرطي إلى القوائم في ووردبريس
كيفية إضافة أوصاف القائمة في قالب ووردبريس الخاص بك
كيفية إضافة قائمة استجابة بملء الشاشة في ووردبريس
كيفية إضافة قائمة ضخمة إلى موقع ووردبريس الخاص بك
هذا كل شيء ، نأمل أن يساعدك هذا الدليل النهائي في تعلم كيفية إضافة قائمة تنقل في ووردبريس. قد ترغب أيضًا في الاطلاع على قائمتنا المكونة من 25 أداة ووردبريس مفيدة للغاية ، ويجب أن تحتوي قائمتنا على مكونات ووردبريس الإضافية .
نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.
إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..
