أداة قائمة التنقل Elementor المجانية: لا حاجة إلى Elementor Pro
Nav Menu عبارة عن أداة Master Addons مجانية تضع أي قائمة WordPress في رأس Elementor أو تذييل أو صفحة وتتيح لك تصميمها من اللوحة. اختر تخطيطًا أفقيًا أو رأسيًا لكل جهاز، وقم بتصميم العناصر الرئيسية والنماذج المنسدلة والقوائم الفرعية في حالاتها العادية والحولية والنشطة، وقم بإقرانها بامتداد Mega Menu المجاني للوحات متعددة الأعمدة. على الهواتف ينهار إلى تبديل همبرغر افتراضيًا. يضيف Master Addons Pro تخطيط همبرغر لأي عرض، مع القوائم المنبثقة والقوائم غير القماشية.
كيفية إضافة قائمة التنقل في Elementor
تستخدم الأداة القوائم التي تقوم بإنشائها في WordPress، لذا ابدأ من هناك.
- قم بإنشاء القائمة الخاصة بك ضمن المظهر > القوائم.
- في Elementor، اسحب عنصر واجهة مستخدم قائمة التنقل الخاصة بـ Master Addons إلى رأسك أو تذييلك أو صفحتك.
- اختر القائمة في حدد القائمة واختر تخطيطًا لسطح المكتب.
- قم بالتبديل إلى عرض الجهاز اللوحي والهاتف للتحقق من التخطيط على كل جهاز. تحصل الهواتف على تبديل الهامبرغر بشكل افتراضي.
- قم بتصميم عناصر القائمة والنماذج المنسدلة وقم بالتبديل في علامة التبويب "النمط"، ثم قم بالنشر.
للحصول على إرشادات كاملة للرأس، اقرأ كيفية إنشاء قائمة التنقل في Elementor بدون Pro. للحصول على رأس على مستوى الموقع، استخدم المجاني منشئ الموضوع.
تخطيطات أفقية وعمودية وهمبرغر
اضبط التخطيط بشكل منفصل لسطح المكتب والكمبيوتر اللوحي والهاتف. أفقي يناسب الشريط العلوي. يأتي Vertical في أربعة أنواع: عادي مع منسدلات جانبية، وتبديل، وأكورديون، وجانب، مما يثبت القائمة على حافة الصفحة. تستخدم الهواتف تبديل الهامبرغر افتراضيًا. باستخدام Pro، يمكنك اختيار الهامبرغر لأي عرض وفتح القائمة كإسقاط افتراضي أو نافذة منبثقة أو لوحة Offcanvas.
- يتم تعيين التخطيطات لكل جهاز، بما في ذلك نقاط التوقف الإضافية لـ Elementor.
- القوائم العمودية كالمعتاد أو التبديل أو الأكورديون أو الجانب.
- قوائم الهامبرغر المنبثقة وغير القماشية مع Master Addons Pro.
- يعمل مع الحرة القائمة الضخمة تمديد للألواح متعددة الأعمدة.
قم بتصميم كل مستوى قائمة وحالة
تحتوي علامة التبويب "النمط" على أقسام منفصلة لعنصر القائمة الرئيسية، وقائمة Dropdown، وعنصر قائمة Dropdown، والقائمة الفرعية Dropdown، وعنصر القائمة الفرعية Dropdown. يحصل كل منها على ألوان وخلفيات للحالات العادية والتحريك والنشطة، بالإضافة إلى الحشو والحدود والفواصل، لذلك يمكن أن يبدو الرابط إلى الصفحة الحالية مختلفًا عن الباقي.
- الحالات العادية والتحويمية والنشطة للعناصر الرئيسية والعناصر المنسدلة.
- تصميم منفصل للوحة المنسدلة وعناصرها وقوائمها الفرعية الأعمق.
- فواصل بين العناصر، حسب النوع والحجم واللون.
تبديل الهامبرغر وأيقونات المؤشر
قم بتصميم تبديل الهامبرغر كرمز أو نص أو كليهما، مع عرض افتراضي أو مكدس أو مؤطر وشكل مربع أو دائري. يمكنه إظهار رمز واحد أثناء إغلاق القائمة وآخر أثناء فتحها. تحدد أيقونات المؤشر العناصر التي تحتوي على قوائم منسدلة وقوائم فرعية: اختر الرموز الخاصة بك، وأظهرها أو أخفيها، واضبط حجمها ولونها وموضعها وتدويرها.
- همبرغر التبديل كرمز أو نص أو كليهما.
- أيقونات مختلفة للقائمة المغلقة والمفتوحة.
- أيقونات مؤشر القائمة المنسدلة والقائمة الفرعية المخصصة مع التدوير.
التباعد المنسدل والتخطيطات لكل جهاز
اضبط العرض المنسدل وفجوته من أعلى القائمة، والفجوات بين العناصر والحشوة داخل كل رابط. تتحكم مدة الانتقال في مدى سرعة تغير ألوان التمرير والنزلات. نظرًا لأنه تم تعيين التخطيط لكل جهاز، فإنك تقرر أين تتحول القائمة من شريط أفقي إلى قائمة رأسية، أو إلى الهامبرغر باستخدام Pro.
- عرض منسدلة وفجوة من الأعلى.
- فجوات بين العناصر وحشوة الارتباط لسهولة النقر عليها.
- مدة الانتقال لتغييرات التحليق والإسقاط.
عناصر واجهة مستخدم قائمة Elementor Pro مقابل قائمة التنقل الخاصة بـ Master Addons
لا يحتوي المكون الإضافي المجاني لـ Elementor على عنصر واجهة مستخدم لوضع قائمة WordPress وتصميمها. تأتي عناصر واجهة المستخدم الخاصة بقائمة WordPress مع Elementor Pro. وإليك كيفية المقارنة.
| إليمنتور برو | قائمة التنقل للإضافات الرئيسية | |
|---|---|---|
| سعر | ترخيص إليمينتور برو | مجانًا، مع أنواع الهامبرغر الاحترافية |
| التخطيطات | أفقي، عمودي، منسدل | أفقي، عمودي (4 أنواع)، همبرغر |
| قائمة الجوال | قم بالتبديل أسفل نقطة التوقف التي تختارها | الهامبرغر على الهواتف بشكل افتراضي؛ المنبثقة وOffcanvas مع Pro |
| التخطيط لكل جهاز | إعداد نقطة توقف واحدة | تعيين لكل جهاز |
| تحريك مؤشر الرسوم المتحركة | نعم | لا |
| القائمة الضخمة | عنصر واجهة المستخدم في القائمة مع المحتوى المنسدل | ملحق القائمة الضخمة مجانًا |
إذا كنت تدفع بالفعل مقابل Elementor Pro، فإن عناصر واجهة المستخدم الخاصة بالقائمة الخاصة به تقوم بالمهمة. بدونها، قائمة التنقل و القائمة الضخمة يمنحك الامتداد قائمة رأس مصممة مجانًا.
الأسئلة المتداولة لقائمة التنقل
كيف يختلف هذا عن عناصر واجهة مستخدم قائمة Nav الأخرى؟
تحتاج عناصر واجهة مستخدم القائمة الخاصة بـ Elementor إلى Elementor Pro. قائمة التنقل الرئيسية للإضافات مجانية وتضيف تخطيطات لكل جهاز وأربعة أنواع من القوائم الرأسية وتصميم منفصل لكل مستوى وحالة قائمة وأيقونات مؤشر مخصصة ومفتاح همبرغر قابل للتصميم. كما أنه يعمل مع ملحق Mega Menu المجاني.
هل يمكنني استخدام هذه القائمة مع ملحق Mega Menu؟
نعم. قم بتشغيل ملحق Mega Menu، وقم بإنشاء محتوى اللوحة لعنصر القائمة من شاشة قوائم WordPress، ثم حدد تلك القائمة في عنصر واجهة مستخدم Nav Menu. تعرض الأداة لوحات القائمة الضخمة في الواجهة الأمامية.
هل من الصعب إعداد الأنماط المختلفة للعادية والتحويم والنشطة؟
لا. افتح علامة التبويب "النمط"، واختر جزءًا من القائمة مثل عنصر القائمة الرئيسي، وقم بالتبديل بين علامات التبويب "عادي" و"تحريك" و"نشط" لتعيين الألوان لكل حالة.
ما هي أفضل حالة استخدام لنوع القائمة "Offcanvas" أو "Popup"؟
كلاهما من أنواع الهامبرغر الاحترافية. يقوم Offcanvas بتمرير القائمة من اليسار أو اليمين، مما يناسب الهواتف والحد الأدنى من التصميمات. يفتح Popup القائمة فوق الصفحة، والتي تعمل بشكل جيد للتنقل في الموقع بالكامل على مواقع المحفظة أو الوكالات. في الإصدار المجاني، يفتح الهامبرغر القائمة في مكانها أسفل التبديل.
هل ستعمل هذه القائمة مع رأس سمة WordPress الموجودة لدي؟
نعم، يمكنك وضع عنصر واجهة المستخدم في أي مكان يعمل فيه Elementor. لاستبدال رأس السمة بالكامل، قم بإنشاء قالب رأس بالمجاني منشئ موضوع الإضافات الرئيسية وأضف عنصر واجهة مستخدم قائمة التنقل إليه.
هل يمكنني الحصول على نمط قائمة مختلف على الهاتف المحمول مقابل سطح المكتب؟
نعم. يمكن ضبط التخطيط والمحاذاة والعديد من إعدادات النمط لكل جهاز. على سبيل المثال، احتفظ بشريط أفقي على سطح المكتب، واستخدم الأكورديون الرأسي على الأجهزة اللوحية، وقم بتبديل الهامبرغر على الهواتف.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
