البرنامج التعليمي: كيفية إنشاء قائمة ضخمة لموقع WordPress الخاص بك

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

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

تتوفر مكونات إضافية لجهات خارجية يمكنها الاهتمام بالوظائف وإذا كان بإمكانك تغيير السمة الكاملة ، فإن البحث عن ميزة مضمنة يمكن أن يكون أيضًا حلاً عمليًا.

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

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

الآن ، دون إضاعة المزيد من الوقت الثمين ، دعنا نلقي نظرة على الخيارات المتاحة.

ما هي قائمة ميجا بالضبط؟

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

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

الإضافات لإنشاء قائمة ضخمة

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

# 1 قائمة ماكس ميجا

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

التفاصيل الكاملة والتحميل

# 2 WP مثبت

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

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

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

# 3 UberMenu

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

التفاصيل الكاملة والتحميل

# 4 ميجا القائمة الرئيسية

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

التفاصيل الكاملة والتحميل

# 5 Mega Menu بواسطة WooRockets.com

إنه منتج مجاني متوفر على Github من أجل الانفتاح. إنه يعمل بشكل مثالي مع WordPress ويقدم منشئًا مخصصًا بميزات مثل Live Preview. يدعم المنتج النهائي كلا الاتجاهين الرأسي والأفقي كما أنه يدعم CSS المخصص.

# 6 نو القائمة

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

# 7 قائمة DW ميجا

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

كيفية إنشاء قائمة ميجا لموقع الويب الخاص بك على WordPress

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

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

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

الخطوة 2 - انقر على رابط " إنشاء قائمة جديدة " وأدخل اسمًا ، مثل أساسي أو علوي أو تذييل. اضغط على الزر المسمى " إنشاء قائمة ".

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

الخطوة 4 - أخيرًا ، أسفل منطقة التحديد ، سيُطلب منك اختيار موقع القائمة. اختر واحدًا (يختلف باختلاف المظهر) وانقر على زر " حفظ القائمة " لجعله مباشرًا.

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

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

خاتمة

كان هذا كل شيء عن الإجراء والإضافات التي يمكنني أن أوصي بها للحصول على الحل الأمثل.

أوصيك بتجربة المكون الإضافي WP Sticky ، ولكن اسمح لي أن أعرف أي واحد قررت ، لأن تعليقاتك ستساعدنا في تحسين هذا الدليل بشكل أكبر. حان الوقت لمشاركة هذا البرنامج التعليمي مع جميع الشبكات الاجتماعية. سلام!

* آخر تحديث 01/06/2020