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

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


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

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

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

Contents

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

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

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

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

مجاني

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

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

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

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

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

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

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

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

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

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

  1. افتح دالات. php
  2. انسخ والصق التالي:
  3. function add_login_logout_link ($ items، $ args) {
    $ loginoutlink = wp_loginout ('index.php'، false)؛
    عناصر $. = '
  4. ". $ loginoutlink.
  5. '؛ إرجاع العناصر $؛ }} add_filter ('wp_nav_menu_items'، 'add_login_logout_link'، 10، 2)؛
  6. احفظ التغييرات

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

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

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

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

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

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

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

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

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

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

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

  1. افتح ملف function.php
  2. انسخ والصق الرمز الذي سيسجل الرمز القصير:
  3. function menu_function ($ atts، $ content = null) {
    استخراج(
    شيفرات قصيرة (
    المصفوفة ('name' => null،),
    $ atts
    )
    ) ؛
    عودة wp_nav_menu (
    مجموعة مصفوفة(
    'menu' => $ name,
    'echo' => خطأ
    )
    ) ؛
    }}
    add_shortcode ('menu'، 'menu_function') ؛
    
  4. احفظ التغييرات

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

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

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

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

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

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

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

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

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

  1. افتح دالات. php
  2. انسخ والصق التالي:
  3. add_filter ('wp_nav_menu_items'، 'add_search_box'، 10، 2)؛
    function add_search_box ($ items، $ args) {
    عناصر $. = '
  4. ". get_search_form (خطأ). "
  5. '؛ إرجاع العناصر $؛ }}
  6. احفظ التغييرات

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

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

  1. أضف فئة إلى
  2. تم العثور على العلامة في السطر الثالث من التعليمات البرمجية:
  3. عناصر $. = '
  4. ". get_search_form (خطأ). "
  5. "
  6. احفظ التغييرات
  7. افتح style.css
  8. انسخ والصق كود CSS:
  9. .موضع مربع البحث {
    الهامش العلوي: 15 بكسل ؛
    الهامش الأيمن: 20 بكسل ؛
    }}
    
  10. قم بتغيير الرمز حسب رغبتك
  11. احفظ التغييرات

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

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

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

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

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

  1. افتح ورقة الأنماط الخاصة بك (style.php)
  2. تجد .قائمة التنقل أو .قائمة سفر التكوين (أو ما شابه ذلك ، اعتمادًا على السمة التي تستخدمها)
  3. استخدم الكود التالي لحاوية القائمة الرئيسية:
  4. .قائمة التنقل {
    الموقف: ثابت ؛
    الخلفية: # 333 ؛
    أعلى: 0 بكسل ؛
    يمين: 0 بكسل ؛
    اليسار: 0px ؛
    مؤشر z: 99 ؛
    }}

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

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

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

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

ملحق UberMenu مثبت

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

ملحق UberMenu مثبت

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

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

myStickymenu

مجاني
العرض التوضيحي

myStickymenu

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

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

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

مجاني

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

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

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

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

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

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

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

  1. افتح ملف function.php
  2. انسخ والصق الكود التالي:
  3. if (! current_user_can ('Manage_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 ('edit-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') ؛ //الإعدادات
    }}
  4. احفظ التغييرات

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

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

أعلى 4 ملحقات قائمة WordPress

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

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

قائمة أوبر

السعر: 20 دولارًا
العرض التوضيحي

قائمة أوبر

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

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

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

مورف: قائمة ووردبريس قابلة للطي

السعر: 20 دولارًا
العرض التوضيحي

يتحول

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

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

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

قائمة البطل

السعر: 19 دولارًا
العرض التوضيحي

قائمة البطل

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

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

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

شريط Multi-X

السعر: 16 دولارًا
العرض التوضيحي

شريط X متعدد

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

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

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

أفضل الإضافات القائمة المتنقلة وورد

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

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

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

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

لمسية

السعر: 18 دولارًا
العرض التوضيحي

لمسية

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

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

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

TapTap

السعر: 10 دولارات
العرض التوضيحي

اضغط- Tap

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

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

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

موبي

السعر: 16 دولارًا
العرض التوضيحي

موبي

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

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

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

واه القائمة

السعر: 44 دولارًا
العرض التوضيحي

واه واه

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

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

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

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

السعر: 12 دولارًا
العرض التوضيحي

نمط المسار

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

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

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

سكرولناف

السعر: 10 دولارات
العرض التوضيحي

سكرولناف

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

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

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

قائمة التمرير

السعر: 24 دولارًا
العرض التوضيحي

قم بالتمرير إلى القائمة

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

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

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

استنتاج

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map