طريقة إضافة قائمة متطورة إلى موقع ووردبريس

متوسط - متقدم

إذا كنت ترغب بإضافة لمسة جمالية إلى موقع ووردبريس ، فإن القوائم المتطورة Mega Menus ستوفر لك فرصة كبيرة لإضافة الكثير من التأثيرات الجمالية إلى القائمة الرئيسية للموقع.

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

تعتبر إضافة Max Mega Menu إحدى الإضافات المجانية التي يمكن من خلالها إضافة قوائم متطورة إلى مواقع الويب التي تستخدم قوالب تقليدية لا تتضمن ميزات متطورة لعرض القوائم.

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

للمبتدئين للمزيد من المعلومات عن طريق إضافة قوائم رئيسية في ووردبريس تابع الفيديو التالي: 

تفعيل وتركيب الإضافة

– قم بتحميل وتركيب الإضافة Max Mega Menu في موقعك وتفعيلها. (عن طريق صفحة إضافات – أضف جديد – ابحث عن الإضافة وقم بتنصيبها وتفعيلها من لوحة إدارة ووردبريس).

بعد تفعيل الإضافة Max Mega Menu سيظهر في لوحة إدارة ووربريس عنصر جديد هو Mega Menu

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

يمكنك مثلاً تعديل خيار لون الخلفية من خلال الانتقال إلى Menu Themes ثم النقر على تبويب Menu Bar

إنشاء القوائم:

– قم بإنشاء القوائم التي تريدها من ضمن نظام القوائم الخاص بووردبريس (مظهر – قوائم).

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

تفعيل خيار القائمة المتطورة:

في صفحة القوائم قم بتفعيل القوائم المتطورة عن طريق تحديد الاختيار ‘Max Mega Menu Settings’.

– انتقل إلى عنصر القائمة المطلوبة وستجد زر “Mega Menu” ظاهراً في تبويب القائمة.

انقر زر “Mega Menu” وستظهر لك نافذة منبثقة يمكنك من خلالها إضافة عناصر إلى القائمة المتطورة واختيار عدد الأعمدة التي تريد إظهارها.

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

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

مدرسة زاد

إعداد زاهر هاشم

جميع الحقوق محفوظة | مدرسة زاد

اترك رداً

لن يتم نشر بريدك الإلكتروني