كيفية إضافة سهم إلى قائمة ووردبريس الخاصة بك

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

كيفية إضافة سهم إلى قوائم WordPress: إضافة سهم إلى قوائم WordPress لإبراز عناصر قائمة WordPress باستخدام القوائم الفرعية يمكنك تحقيق ذلك باستخدام CSS ، وهو أمر بسيط وسهل للغاية. إذا كنت ترغب في العمل كمطور HTML أو CSS ، فيجب أن تكون على دراية بهاتين التقنيتين. يجب أن تكون على دراية بفئات القوائم الخاصة بك ، حيث إنني أستخدم id = ”Primary-menu” و class = ”menu nav-menu” في هذه الحالة. يمكن إضافة الأنماط التالية إلى المظهر عن طريق تحرير CSS والنقر عليها. يمكنك إضافة الأنماط التالية إلى نسق فرعي في style.css باستخدام خيارات تصميم النسق الفرعي للقالب الفرعي. لإضافة أنماط CSS مخصصة إلى قالب WordPress الخاص بك ، يمكنك استخدام وحدة JetPack المخصصة لـ CSS. ستستخدم القائمة المنسدلة مؤشر سهم القوائم المنسدلة إذا قمت بتضمينه في قائمة التنقل.

كيف أضيف سهم في ووردبريس؟

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

يكفي رمز كيان HTML5 أو رمز عشري أو رمز سداسي عشري. يبدأ رمز الكيان بعلامة العطف وينتهي بفاصلة منقوطة. يتم تعيين مربع من الأرقام العشرية باستخدام التنسيق Ampersand و Hashtag و Semicolon. رمز السهم الأيسر () هو نتيجة استخدام أي مجموعة مما يلي. يمكنك استخدام النطاق الكامل لأحرف Unicode ضمن معيار UTF-8 كجزء من Microsoft Edge أو Internet Explorer 11 أو أي متصفح أحدث. يبدو أن بعض الأحرف مفقودة أحيانًا في Google Chrome عند استخدام رمز الكيان فقط في HTML5. حتى بعد تغيير الخطوط في مخطط توزيع الأحرف ، قد لا تتمكن من العثور على ما تبحث عنه.

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

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

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

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

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

كيفية إنشاء قائمة مخصصة في WordPress

عند إنشاء قائمة مخصصة ، يجب عليك أولاً تحديدها كقائمة أساسية ثم إضافة عناصر القائمة المنسدلة. يمكن العثور على مزيد من المعلومات حول هذا على https://en.support.wordpress.com/menus/.

إزالة السهم من القائمة وورد

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

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

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

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

كيف يمكنني تخصيص القائمة المنسدلة في WordPress؟

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