النصائح والحيل وأفضل الإضافات لتخصيص قوائم WordPress

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

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

• أضف أيقونات إلى قائمة WordPress الخاصة بك
• إضافة زر تسجيل الدخول / الخروج إلى القائمة
• اعرض قوائم WordPress في أي مكان تريده
• كيفية إضافة مربع بحث إلى قائمة WordPress الخاصة بك
• كيفية جعل قائمة التنقل ثابتة في أعلى الصفحة
• اجعل قائمة التنقل الثابتة الخاصة بك مع المكونات الإضافية
• كيفية إزالة عناصر قائمة المستوى الأعلى في WordPress
• أعلى 4 إضافات لقائمة ووردبريس
• أفضل إضافات قائمة ووردبريس للجوال

أضف أيقونات إلى قائمة WordPress الخاصة بك

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

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

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

أيقونات القائمة

السعر: مجاني

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

1. انتقل إلى الإضافات-> إضافة جديد
2. ابحث عن "رموز القائمة"
3. قم بتثبيت البرنامج المساعد وتنشيطه
4. انتقل إلى المظهر -> القوائم
5. افتح قائمة التنقل الخاصة بك
6. حدد صفحة ضمن هيكل القائمة التي تريد تحديد رمز لها
7. اختر الأيقونة ، وقم بتعديل موضعها وحجمها
8. حفظ القائمة

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

إضافة زر تسجيل الدخول / الخروج إلى القائمة

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

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

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

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

إذا كنت مستعدًا لإضافة ميزة تسجيل الدخول البسيطة والأنيقة هذه إلى القائمة ، فإليك ما عليك القيام به:

1. افتح function.php
2. انسخ والصق ما يلي:

 الوظيفة add_login_logout_link ($ items، $ args) {
$ loginoutlink = wp_loginout ('index.php' ، خطأ) ؛
العناصر $. = '<li>'. $ loginoutlink. '</li>'؛
إرجاع العناصر $؛
}
add_filter ('wp_nav_menu_items'، 
'add_login_logout_link'، 10، 2) ؛

3. احفظ التغييرات

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

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

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

نحن نحب تخصيص WordPress بمقتطفات صغيرة مثل هذه ، ماذا عنك؟

اعرض قوائم WordPress في أي مكان تريده

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

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

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

لا ، ليس عليك إنشاء قوائم مخصصة أو إعادة كتابة كود HTML بالكامل لتكرار الروابط ؛ يمكنك الاستفادة من الرموز القصيرة ووضع قائمة موجودة في أي مكان تريده!

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

أنشئ رمزًا قصيرًا واعرض قوائم WordPress في أي مكان تريده

1. افتح ملف jobs.php
2. انسخ والصق الرمز الذي سيسجل الرمز القصير:

 function menu_function ($ atts، $ content = null) {
 مقتطف(
 Shortcode_atts (
 صفيف ('الاسم' => فارغ ،) ،
 $ Atts
 )
 ) ؛
 إرجاع wp_nav_menu (
 مجموعة مصفوفة(
 "القائمة" => اسم $ ،
 "صدى" => خطأ
 )
 ) ؛
 }
 add_shortcode ('menu'، 'menu_function') ؛

3. احفظ التغييرات

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

[اسم القائمة = "القائمة الرئيسية"]

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

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

كيفية إضافة مربع بحث إلى قائمة WordPress الخاصة بك

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

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

في السطور التالية ، سنعرض لك وظيفة تأخذ مربع البحث اليومي الخاص بك وتضعه في قائمة التنقل.

أضف مربع بحث إلى القائمة:

1. افتح function.php
2. انسخ والصق ما يلي:

 add_filter ('wp_nav_menu_items'، 'add_search_box'، 
10 ، 2) ؛
الوظيفة add_search_box ($ items، $ args) {
العناصر $. = '<li>'. get_search_form (خطأ). 
"</li>" ؛
إرجاع العناصر $؛
}

3. احفظ التغييرات

للتأكد من أن الرمز سيعمل من أجلك ، تأكد من أن لديك قائمة تنقل مضافة بالفعل إلى موقعك.

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

1. أضف فئة إلى <li> العلامة الموجودة في السطر الثالث من الشفرة:

 العناصر $. = '<li class = ”searchbox-position”>'. 
get_search_form (خطأ). "</li>"

2. احفظ التغييرات
3. افتح style.css
4. انسخ والصق كود CSS:

 .searchbox-position {
 أعلى الهامش: 15 بكسل ؛
 الهامش الأيمن: 20 بكسل ؛
 }

5. قم بتغيير الرمز حسب رغبتك
6. احفظ التغييرات

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

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

كيفية جعل قائمة التنقل ثابتة في أعلى الصفحة

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

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

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

1. افتح ورقة الأنماط الخاصة بك (style.php)
2. ابحث عن .nav -menu أو .genesis-nav-menu (أو ما شابه ، حسب الموضوع الذي تستخدمه)
3. استخدم الكود التالي لحاوية القائمة الرئيسية الخاصة بك:

 قائمة .nav {
 الموقف: ثابت ؛
 الخلفية: # 333 ؛
 أعلى: 0 بكسل ؛
 اليمين: 0 بكسل ؛
 اليسار: 0 بكسل ؛
 مؤشر z: 99 ؛
 }

كما يمكنك التخمين من الكود ، يأتي الجزء المهم في السطر الثاني حيث تحتاج إلى إصلاح موضع قائمتك . بعد ذلك ، يمكنك ضبط العناصر العلوية واليمنى واليسرى على 0 بكسل أو نقلها إلى أي مسافة من أعلى أو من الهامش الأيمن والأيسر للصفحة (على سبيل المثال: top: 10px ستضع قائمتك 10 بكسل من الهامش العلوي لموقعك).

1. قم بتحديث ملفك واستمتع بقائمة التنقل الثابتة

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

اجعل قائمة التنقل الثابتة الخاصة بك مع المكونات الإضافية

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

ملحق UberMenu اللاصق

السعر: 8 دولارات

UberMenu Sticky Extension هو إضافة لمكوِّن UberMenu الإضافي مما يعني أنه يجب عليك تثبيت هذا المكون الإضافي أولاً لجعل الامتداد يعمل. الامتداد يجعل كل شيء بسيطًا ؛ بعد التثبيت ، ستكون جاهزًا لجعل قائمتك ثابتة. بغض النظر عن المكان الذي تضع فيه قائمتك ، بمجرد أن يبدأ المستخدم في التمرير ، ستظل القائمة أعلى الصفحة وتسهل الوصول إليها.

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

myStickymenu

السعر: مجاني - تجريبي

تم تصميم هذا البرنامج المساعد ليتم استخدامه في قالب Twenty Thirteen. ولكن إذا قمت بتعديله قليلاً ، فيمكنك استخدامه على أي موضوع تريده. بشكل افتراضي ، يستخدم فئة CSS للتنقل الخاصة بالموضوع ".navbar". لذلك إذا كنت ترغب في استخدامه في بعض السمات الأخرى ، فيجب عليك العثور على الفصل الذي يستخدمه قالبك لوصف قائمة التنقل وتغيير اسم تلك الفئة.

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

قائمة ثابتة (أو أي شيء!) في التمرير

السعر: مجاني

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

كيفية إزالة عناصر قائمة المستوى الأعلى في WordPress

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

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

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

إزالة عناصر قائمة المستوى الأعلى:

1. افتح ملف jobs.php الخاص بك
2. انسخ والصق الكود التالي:

 إذا (! current_user_can ('management_options')) {
add_action ('admin_menu'، 'my_remove_menus'، 999) ؛
}
وظيفة my_remove_menus () {
remove_menu_page ('index.php') ، //لوحة القيادة
remove_menu_page ('edit.php') ، //دعامات
remove_menu_page ('upload.php') ؛ //وسائط
remove_menu_page ('edit.php؟ post_type = page') ؛ // الصفحات
remove_menu_page ('تحرير-comments.php') ؛ //تعليقات
remove_menu_page ('theme.php') ؛ //مظهر خارجي
remove_menu_page ('plugins.php') ، // الإضافات
remove_menu_page ('users.php') ؛ // المستخدمون
remove_menu_page ('tools.php') ؛ //أدوات
remove_menu_page ('options-general.php') ؛ //إعدادات
}

3. احفظ التغييرات

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

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

أعلى 4 إضافات لقائمة ووردبريس

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

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

قائمة أوبر

السعر: 20 دولار - تجريبي

مع أكثر من 43000 عملية بيع ، تعد Uber Menu واحدة من أكثر المكونات الإضافية شيوعًا في WordPress . بمجرد فتح الموقع التجريبي ومعرفة الشكل الذي تبدو عليه القائمة التي تم إنشاؤها باستخدام هذا المكون الإضافي ، ستفهم سبب شعبيتها. وبمجرد أن تبدأ في سرد ​​ميزاته ، فربما تريد واحدة لنفسك.

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

• توليد عنصر ديناميكي
• القوائم الفرعية المبوبة
• واجهة مستخدم محسنة

التحويل التدريجي: قائمة WordPress القابلة للتخصيص

السعر: 20 دولار - تجريبي

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

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

• يعمل بشكل رائع على كل من أجهزة سطح المكتب والأجهزة المحمولة
• إضافة / إزالة العناصر القابلة للتخصيص
• يمكن تشغيله بواسطة أي عنصر

قائمة البطل

السعر: 19 دولار - تجريبي

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

يوجد دعم خاص للمس لأنظمة Android و iOS و Windows Phone. اختر شريط التنقل ذي العرض الكامل أو العرض الثابت حيث يمكنك بسهولة إضافة عناصر إضافية ببساطة عن طريق استخدام تقنية السحب والإفلات . يوجد أكثر من 60 مخططًا للألوان محددة مسبقًا ويمكنك استخدام كل واحد من خطوط Google المجانية. اجعل القائمة ثابتة ، واختر مسافة التنشيط ... يمكن لهذا البرنامج المساعد الرائع تقديم المزيد ، لذا تأكد من مراجعة قائمة الميزات بالكامل في CodeCanyon.

• سحب وإسقاط منشئ بنية القائمة
• إنشاء قائمة بسيطة أو قائمة ضخمة معقدة
• ملاحة خاصة للهاتف المحمول

شريط Multi-X

السعر: 16 دولار - تجريبي

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

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

• 8 وحدات وظيفية مدمجة
• 2 موضوعات ملونة + سمة مخصصة
• الموضع العلوي أو السفلي

أفضل إضافات قائمة ووردبريس للجوال

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

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

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

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

اللمس

السعر: 18 دولار - تجريبي

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

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

• عدة أنواع من القوائم
• وظائف البحث
• تحديد المواقع الثابتة / المطلقة

انقر فوق

السعر: 10 دولارات - تجريبي

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

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

• قوائم متعددة المستويات
• 2 تصاميم أزرار القائمة والرسوم المتحركة
• تحديد المواقع الثابتة / المطلقة

موبي

السعر: 16 دولار - تجريبي

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

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

• سحب وإفلات التخصيص
• وضع القائمة العلوية أو السفلية
• رؤية المستخدم للضيوف والمستخدمين المسجلين

واه القائمة

السعر: 44 دولار - تجريبي

Wah-menu هي قائمة قابلة للإرساء ومثالية لمواقع الويب للجوّال ، وهي مصممة خصيصًا للملاحة التي تعمل باللمس على iPad. باستخدام هذا المكون الإضافي المتميز ، يمكنك إضافة ما يصل إلى 8 روابط قائمة والتي سيتم تركيبها بشكل جيد على جانب موقع WordPress الخاص بك.

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

• محرر WYSIWYG
• القوائم الفرعية مع دعم HTML ومقاطع الفيديو المضمنة وما إلى ذلك.
• خيار حالة الخروج أو الإرساء

قائمة نمط المسار

السعر: 12 دولار - تجريبي

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

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

• إنشاء قائمة حول الزر
• عالية للتخصيص
• استخدم قائمة WP القياسية لتحرير القائمة

سكرولناف

السعر: 10 دولارات - تجريبي

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

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

• زر دائري بوظائف مختلفة
• قائمة مخصصة وجزء ارتباط مخصص
• العديد من أنظمة الألوان

انتقل إلى القائمة

السعر: 24 دولار - تجريبي

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

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

• تعمل باللمس
• أكثر من 750 رمزًا + صور مخصصة
• مساحة إعلانية إضافية

استنتاج

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