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

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

ماذا لو كان بإمكانك توفير طريقة أسهل للمستخدمين للتنقل في موقع الويب الخاص بك؟

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

في هذه التدوينة، سنوضح لك كيفية القيام بذلك.

ما هي القائمة المنسدلة؟

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

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

ويقدم التصميم طريقة بسيطة لتوفير المزيد من الروابط التي يمكن للمستخدم الوصول إليها، مما يسهل عليه التنقل في موقعك.

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

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

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

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

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

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

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

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

فيما يلي مثال على هذه القائمة البسيطة أثناء العمل:

سيتعين عليك تعيين هذه القائمة كقائمة أساسية (قد يقوم المظهر الخاص بك بتسمية هذه القائمة بشكل مختلف) إذا كنت تريد معاينة عناصر القائمة المنسدلة.

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

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

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

لا تتردد في إضافة روابط مخصصة في أي مكان في القائمة الخاصة بك.

تحرير القائمة الخاصة بك

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

تأكد من حفظ القائمة الخاصة بك قبل هذا الجزء التالي.

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

يمكنك أيضًا حذف القائمة الخاصة بك من هنا تمامًا كما يمكنك في صفحة القائمة الخلفية.

القوائم الضخمة: بديل للقائمة المنسدلة

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

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

إنها سهلة الإنشاء بشكل لا يصدق عند استخدام المكونات الإضافية المخصصة للقائمة الضخمة، وخاصة الخيارات مثل UberMenu وMega Menu Pro.