هل ترغب في انشاء قائمة منسدلة في ووردبريس؟

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

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

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

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

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

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

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

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

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

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

الخطوة 1: اختيار القالب مع دعم القائمة المنسدلة

يأتي ووردبريس مزود بنظام ادارة قوائم مدمج، ولكن يختلف مظهر هذه القوائم باختلاف قالب ووردبريس المستخدم.

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

كيف تعرف ما إذا كان قالبك يدعم التنقل عبر القوائم المنسدلة؟

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

يمكنك بعد ذلك التحقق مما إذا كان العرض التجريبي يتضمن قائمة منسدلة.

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

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

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

لمساعدتك، إليك بعض القوالب الممتازة التي تدعم القوائم المنسدلة:

• Astra – قالب ووردبريس متعدد الاستخدامات، يأتي مع عدة مواقع أساسية وميزات متعددة.
• StudioPress themes – مبنية على إطار عمل قوالب Genesis، هذه القوالب الاحترافية ستساعد موقعك على التحميل بشكل أسرع.
• OceanWP – قالب ووردبريس شائع مناسب لجميع أنواع المواقع.
• Ultra – مدعوم من منشئ الصفحة Themify، يأتي هذا القالب بتقنية السحب والإفلات مع تمبلتات جميلة وخيارات قالب مرنة.
• Divi – قالب مشهور جدًا من Elegant Themes، يستخدم منشئ الصفحة Divi، ويأتي مع العديد من ميزات السحب والإفلات، بما في ذلك القوائم المنسدلة.

وبناء على ذلك، دعونا نلقي نظرة على كيفية انشاء قائمة منسدلة في ووردبريس.

الخطوة 2: إنشاء قائمة التنقل في ووردبريس

لنبدأ بانشاء قائمة بسيطة.

إذا كنت قد أنشأت قائمة تنقل على الموقع الكتروني الخاص بك، يمكنك الانتقال إلى الخطوة التالية.

للبدء، انتقل إلى المظهر » القوائم في لوحة تحكم ووردبريس، ثم انقر على رابط “إنشاء قائمة جديدة”.

ملاحظة: إذا رأيت المظهر » المحرر بدلاً من ذلك، فهذا يعني أن قالبك يدعم تحرير الموقع الكامل (FSE). في هذه الحالة، يمكنك الانتقال مباشرة إلى قسم تحرير الموقع أدناه.

بعد ذلك، ستحتاج إلى كتابة اسم لقائمة التنقل.

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

بعد كتابة عنوان في حقل “اسم القائمة”، انقر على “إنشاء قائمة”. سينشئ لك ووردبريس قائمة فارغة.

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

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

ستظهر هذه الصفحات الأن في العمود الأيسر أسفل “هيكل القائمة”.

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

الخطوة 3: إضافة عناصر فرعية إلى القائمة

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

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

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

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

علينا أن نجعلها عناصر فرعية للعنصر الرئيسي.

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

الآن، كرر هذه العملية لكل عنصر فرعي ترغب في عرضه في القائمة المنسدلة.

عندما تكون راضي عن إعدادات القائمة، لا تنسَ النقر على زر “حفظ القائمة” لحفظ تغييراتك.

الخطوة 4: نشر القائمة المنسدلة الخاصة بك

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

أما إذا كنت تنشئ قائمة جديدة، فستحتاج إلى اختيار مكان لها.

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

بدلاً من ذلك، يمكنك إضافة قوائم تنقل مخصصة في قالب ووردبريس الخاص بك.

بعد ذلك، يمكنك زيارة الموقع الكتروني الخاص بك لمشاهدة القائمة المنسدلة أثناء عملها.

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

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

للبدء، انتقل إلى القوالب » المحرر في لوحة تحكم ووردبريس.

افتراضيًا، سيعرض محرر الموقع الكامل قالب الصفحة الرئيسية لقالبك.

لإضافة قائمة منسدلة إلى قسم أخر من موقعك، انقر على “التمبلتات” أو “الأنماط”.

سيعرض المحرر الأن قائمة بجميع التمبلتات (القوالب) أو أجزاء التمبلت التي يتكون منها قالب ووردبريس الخاص بك.

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

سيعرض ووردبريس الأن معاينة للتمبلت أو جزء التمبلت.

لتحرير هذا التمبلت، حرك الماوس فوق أيقونة النقاط الثلاث الصغيرة، ثم انقر فوق زر التحرير.

بعد ذلك، انقر على ايقونة “+” الأزرق في الزاوية العلوية اليمني.

في شريط البحث الذي يظهر، اكتب “التنقل”.

عندما يظهر المربع المناسب، اسحبه وأفلته في تصميمك.

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

على سبيل المثال، يمكنك تغيير التصميم، وتعديل إعدادات العرض، ولون النص والخلفية، وحجم الخط.

لإضافة صفحات المستوى الأعلى إلى قائمتك، انقر ببساطة على زر “+”.

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

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

بعد ذلك، يمكنك إضافة قائمة فرعية لأي عنصر رئيسي.

في القائمة اليسرى، انقر على أيقونة المنقطة بجوار العنصر الرئيسي. ثم اختر “Add submenu link”.

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

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

الآن، كرر هذه الخطوات لجميع العناصر التي تريد عرضها في القائمة المنسدلة.

عندما تكون راضي عن إعدادات القائمة، انقر على “حفظ” لحفظ التغييرات.

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

نصائح لإنشاء قوائم منسدلة تفاعلية

قوائم التنقل مهمة لأنها أول ما يلجأ إليه الزوار للعثور على محتوى شيق أو معلومات محددة.

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

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

1. إنشاء قوائم منسدلة متعددة المستويات

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

قد يكون هذا مفيد للمواقع التي تحتوي على محتوى كثيف أو فئات محتوى متعددة.

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

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

2. انشاء قوائم منسدلة متعددة

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

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

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

3. إنشاء القوائم باستخدام المعاينة المباشرة

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

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

يمكنك الأن العمل على قائمتك، وأي تغييرات تقوم بها ستظهر في المعاينة المباشرة.

4. انشاء قائمة ضخمة كقائمة منسدلة في ووردبريس

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

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

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

5. تصدير القوائم المنسدلة الخاصة بك

هل تدير مواقع ووردبريس متعددة؟ في هذه الحالة، قد ترغب في استخدام تخطيط وتصميم القوائم نفسه في جميع مواقعك.

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

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

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