كيفية إضافة قائمة منسدلة في WordPress

نشرت: 2022-09-14

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

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

القائمة المنسدلة في صفحة WordPress

الائتمان: blog.hostonnet.com

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

البرنامج المساعد للقائمة المنسدلة لـ WordPress

الائتمان: wparchives.com

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

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

باستخدام HTML والرموز القصيرة وعناصر واجهة المستخدم ، يمكنك بسهولة إضافة الصور وإنشاء قوائم مخصصة. يأتي هذا المكون الإضافي بدون متطلبات ترميز لإضافة القائمة المنسدلة إلى موقع الويب الخاص بك. يمكنك أيضًا تغيير لون الخط والخلفية ، وحجم الرؤوس ، والتباعد ، ومجموعة متنوعة من الإعدادات الأخرى. UberMenu متاح لك الآن. يمكنك إنشاء قائمة ضخمة منسدلة على موقع الويب الخاص بك عن طريق التحويل التلقائي للقوائم الحالية. يتيح هذا البرنامج للمستخدمين التنقل بسهولة إلى جميع روابط موقعك في نفس الوقت. يمكنك إنشاء قائمتك عن طريق تنظيمها في أعمدة وصفوف باستخدام Grid Layout Builder أو عن طريق عرض أدوات WordPress في قائمتك. ابدأ باستخدام Max Mega Menu اليوم.

ووردبريس قائمة منسدلة من المشاركات

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

عملية خطوة بخطوة لإنشاء قائمة منسدلة بالمشاركات في WordPress حسب الفئة. يحتوي WordPress على وظائف مضمنة يمكن استخدامها لإنجاز ذلك ، كما هو الحال مع المكون الإضافي. بمعنى آخر ، يمكنك إدراج القائمة التي تظهر أعلاه مباشرة في صفحتك / منشورك باستخدام مكون إضافي مثل Exec PHP. تعد الوظيفة المضمنة مثل WP_get_archives طريقة رائعة لإنشاء قائمة منسدلة بالإضافة إلى السماح لك بتضييق نطاق القائمة المنسدلة إلى فئة معينة. إذا كنت ترغب في إضافة وظائف فقط إلى المكون الإضافي لقائمة النشر المنسدلة ، فإن المكون الإضافي Dagon Design's Dropdown لـ WordPress هو خيار ممتاز.

ووردبريس القائمة المنسدلة للفئات

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

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

منسدلة نص WordPress

هناك العديد من الطرق لإضافة نص منسدل في WordPress. إحدى الطرق هي استخدام مكون إضافي مثل Advanced Text Widget. سيعطيك هذا أداة يمكنك إضافتها إلى الشريط الجانبي ثم إضافة نص منسدل إليه. طريقة أخرى هي استخدام محرر HTML. في محرر HTML ، يمكنك إضافة مربع نص منسدل باستخدام الكود التالي:

الخيار 1
الخيار 2

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

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

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