كيفية إنشاء قائمة ديناميكية في ووردبريس

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

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

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

لإنشاء قائمة جديدة ، انتقل إلى المظهر. انقر فوق "إنشاء قائمة" إذا كنت تريد إنشاء قائمة ثانوية ، "قائمتي المخصصة" إذا كنت تريد إنشاء قائمة مخصصة لموقع معين ، و "قائمة ثانوية" إذا كنت تريد إنشاء قائمة ثانوية لموقع آخر. بعد إضافة بعض العناصر إلى القائمة ، احفظها (على سبيل المثال ، عنصر القائمة 1 وعنصر القائمة 2 وعنصر القائمة 3).

كيف يمكنني إنشاء قائمة ديناميكية في قالب WordPress المخصص؟

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

باتباع هذه الخطوات ، يمكنك إنشاء قائمة تنقل بسيطة وديناميكية في WordPress. الخطوة الأساسية هي تسجيل قائمة التنقل باستخدام الوظيفة register_nav_menus (). لتشغيل هذا ، يجب عليك أولاً تسجيله في ملف function.php في القالب الفرعي الخاص بك ثم استخدام خطاف "init". في هذا المثال ، سوف نستفيد من قائمة العناوين الأساسية. يتوفر المكون الإضافي Nav Menu على WordPress.org ويسمح لك بتعيين قوائم مختلفة لمستخدمين مختلفين بناءً على دورهم. يمكننا أيضًا استخدام هذا البرنامج المساعد لتسجيل قوائم متعددة في نفس الوقت. في الخطوة السابقة ، يمكننا تصميم قائمة التنقل بناءً على تصميم الموقع من خلال الرجوع إلى فئات CSS المخصصة في استدعاء وظيفة WP_nav_menu.

كيفية إنشاء قائمة رأس ديناميكية في WordPress

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

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

WordPress إضافة عناصر القائمة ديناميكيًا

يمكن إضافة عناصر القائمة إلى قوائم WordPress إما عبر لوحة تحكم مسؤول WordPress أو عن طريق إضافة رمز إلى قالبك. إذا كنت ترغب في إضافة عنصر قائمة إلى قائمة موجودة ، فما عليك سوى تسجيل الدخول إلى موقع WordPress الخاص بك والانتقال إلى صفحة "المظهر> القوائم". من هناك ، يمكنك إضافة عناصر قائمة جديدة عن طريق تحديدها من الجانب الأيسر والنقر فوق الزر "إضافة إلى القائمة". إذا كنت ترغب في إضافة عناصر القائمة عبر التعليمات البرمجية ، فستحتاج إلى إضافة بضعة أسطر من التعليمات البرمجية إلى ملف function.php الخاص بالقالب. أول شيء عليك القيام به هو إنشاء وظيفة جديدة من شأنها أن تضيف عناصر القائمة. يمكن تسمية هذه الوظيفة بأي شيء تريده ، لكننا سنسميها "my_ custom_menu_items ()". داخل هذه الوظيفة ، ستحتاج إلى استخدام أداة ربط مرشح WordPress “wp_nav_menu_items”. يتيح لك هذا الخطاف إضافة عناصر جديدة إلى قائمة موجودة. سيبدو الرمز الموجود داخل وظيفتك كما يلي: function my_custom_menu_items ($ items، $ args) {// Do something with $ items return $ items؛ } add_filter ('wp_nav_menu_items'، 'my_custom_menu_items'، 10، 2) ؛ سيضيف الكود أعلاه وظيفة جديدة يمكن استخدامها لإضافة عناصر إلى قائمة موجودة. الوظيفة نفسها لا تفعل أي شيء حتى الآن ، ولكنها توفر إطارًا يمكنك استخدامه لإضافة عناصر القائمة المخصصة الخاصة بك. لإضافة عناصر قائمة بالفعل ، ستحتاج إلى تعديل الكود داخل الوظيفة ليناسب احتياجاتك. على سبيل المثال ، إذا كنت تريد إضافة ارتباط إلى صفحة "حول" الخاصة بك ، يمكنك استخدام الكود التالي: function my_custom_menu_items ($ items، $ args) {$ items. = 'About'؛ إرجاع العناصر $؛ } add_filter ('wp_nav_menu_items'، 'my_custom_menu_items'، 10، 2) ؛ سيضيف الكود أعلاه رابطًا جديدًا إلى قائمتك مع النص "حول". يمكنك إضافة العديد من عناصر القائمة كما تريد عن طريق إضافة سطور إضافية من التعليمات البرمجية داخل الوظيفة.

البرنامج المساعد لقائمة ووردبريس الديناميكي

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

كيفية إنشاء قائمة مخصصة في WordPress

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

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

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

إنشاء قائمة مخصصة في ووردبريس

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