هل تريد إنشاء قائمة ملء الشاشة في Elementor؟ إذا كان الأمر كذلك، فإن هذه المقالة سوف تظهر لك كيف.
في عالم تصميم الويب الحديث، يلعب التنقل دورًا حاسمًا في تجربة المستخدم. تعد القائمة بملء الشاشة حلاً أنيقًا لجذب انتباه الزوار مع تبسيط التنقل على موقعك.
فهو يحول قائمة التنقل التقليدية إلى واجهة غامرة تشغل الشاشة بأكملها، مما يوفر رؤية واضحة وخالية من التشتيت لخيارات القائمة الخاصة بك.
مع Elementor، فمن السهل إنشاء قائمة ملء الشاشة حتى بدون مهارات تقنية متقدمة.
سترشدك هذه المقالة خلال كل خطوة من العملية لتصميم قائمة رائعة وعملية بملء الشاشة ومصممة خصيصًا لتلبية احتياجاتك الخاصة. ستتعلم كيفية استخدام أدوات Elementor القوية لتخصيص قائمتك وضبط إعدادات العرض الخاصة بها وضمان تجربة مستخدم سلسة وجذابة.
إذا لم تجد ما نريد التحدث عنه اليوم، فراجع هذا الفيديو.
طاولة ماتيير
لماذا تختار قائمة ملء الشاشة؟
1. تجربة مستخدم غامرة
توفر قائمة ملء الشاشة تجربة مستخدم غامرة من خلال جذب انتباه الزائر بالكامل. وعلى عكس القوائم التقليدية، فهي لا تترك أي عناصر مشتتة في الخلفية. يتيح هذا الانغماس تصفحًا أكثر سلاسة وتركيزًا، وهو أمر مفيد بشكل خاص للمواقع الإلكترونية التي ترغب في توجيه المستخدم بوضوح ومباشرة.
2. تسليط الضوء على المحتوى
باستخدام قائمة ملء الشاشة، يمكنك إبراز ليس فقط خيارات التنقل، بل أيضًا عناصر المحتوى الأخرى أو العروض الترويجية. يمكنك دمج الصور أو مقاطع الفيديو أو عبارات الحث على اتخاذ إجراء مباشرةً في القائمة، وهو أمر غير ممكن مع القوائم التقليدية التي غالبًا ما تكون محدودة المساحة.
3. التنقل الواضح والمريح
تتيح قائمة الشاشة الكاملة تنظيمًا سلسًا وبديهيًا لخيارات التنقل. فهي تتجنب القوائم المنسدلة أو أشرطة التنقل المزدحمة، مما يتيح للمستخدم وصولًا سريعًا إلى جميع الأقسام المهمة في الموقع. يُعد هذا التنسيق مثاليًا للمواقع التي تحتوي على عناصر تنقل متعددة أو لمن يرغبون في تجربة تصفح أكثر انسيابية.
4. مرونة التصميم
توفر قوائم ملء الشاشة مرونة كبيرة في التصميم. يمكنك تخصيص مظهر القائمة ليتناسب تمامًا مع الهوية المرئية لعلامتك التجارية. تتضمن إمكانيات التخصيص الطباعة والألوان والرسوم المتحركة والانتقالات، مما يسمح لك بإنشاء قائمة تبرز وتعزز هوية موقعك.
5. تحسين التحويل
يمكن لقائمة الشاشة الكاملة المصممة جيدًا أن تساعد في تحسين معدلات التحويل. من خلال إبراز دعوات العمل أو العروض الترويجية أو العروض الخاصة مباشرةً في القائمة، يمكنك توجيه الزوار إلى الإجراءات التي تريد منهم اتخاذها، مثل الاشتراك في النشرة الإخبارية أو شراء منتج.
6. القدرة على التكيف مع الهاتف المحمول
تعتبر قوائم ملء الشاشة مناسبة بشكل خاص للأجهزة المحمولة. على الشاشات الأصغر حجمًا، توفر حلاً مناسبًا لتنظيم خيارات التنقل دون تشويش واجهة المستخدم. ويضمن هذا النهج تجربة مستخدم متسقة ومحسنة عبر جميع أنواع الأجهزة.
7. سهولة إدارة المحتوى الديناميكي
إذا كان موقعك يحتوي على محتوى ديناميكي أو يتم تحديثه بشكل متكرر، فإن قائمة ملء الشاشة تُسهّل إدارة هذه العناصر وعرضها. يمكنك إضافة عناصر القائمة أو تعديلها بسرعة دون التأثير على تصميم الموقع، مما يُبسّط إدارة المحتوى ويُحسّن كفاءة الموقع.
من خلال اختيار تنفيذ قائمة ملء الشاشة باستخدام Elementor، فإنك تختار حلاً أنيقًا وعمليًا يُثري تجربة المستخدم مع توفير مرونة رائعة في التصميم.
كيفية إنشاء قائمة ملء الشاشة في Elementor
قم بإعداد مساحة العمل الخاصة بك في Elementor
مقدمة للبدء:
- تأكد من تثبيت Elementor وتكوينه على موقع WordPress الخاص بك.
- تأكد أيضًا من تثبيت الإصدار Pro؛ لأنه يأتي مع منشئ النوافذ المنبثقة والذي يسمح لك بإنشاء النوافذ المنبثقة الجميلة
اقرأ هذا لمعرفة المزيد: Elementor Free vs Elementor Pro: مقارنة تفصيلية بين الميزات
إنشاء قائمة ملء الشاشة
ملاحظة : يحتوي Elementor على العشرات من النماذج المنبثقة لتختار من بينها. في هذا البرنامج التعليمي، سنقوم بإنشاء نموذجنا من الصفر.
إضافة قالب القائمة
- اذهب القوالب -> النوافذ المنبثقة.
- قم بإنشاء قالب منبثق جديد بالنقر فوق الزر "إضافة قالب جديد".
في النافذة المنبثقة التي تظهر:
- حدد نوع القالب (منبثق)
- قم بتسمية القالب المنبثق الخاص بك
- انقر على زر قم بإنشاء قالب
- إغلاق النافذة المنبثقة
- أضف قسمًا جديدًا من خلال النقر على أيقونة "+" واختيار بنية كاملة العرض.
ملاحظة يمكنك إضافة أي عناصر تريدها إلى القالب. لإضافة عناصر القائمة، يمكنك استخدام أداة قائمة التنقل أو أداة قائمة الأيقونات.
- أدرج عنصر واجهة المستخدم "قائمة الأيقونات" في القسم الجديد. .
- تحرير كل عنصر في القائمة. يمكنك تغيير نص، الأيقونة والرابط.
تخصيص القائمة
- انتقل إلى علامة التبويب الطراز لتخصيص نمط القائمة.
- حدد المسافة بين عناصر القائمة والمحاذاة داخل كتلة القائمة.
- حدد حجم ولون الأيقونة (إذا كنت تستخدم الأيقونات)
- تعيين الطباعة (حجم الخط، عائلة الخط، نمط الخط) ولون النص لعناصر القائمة.
إذا رغبت، يمكنك تغيير خلفية القسم وتخصيص زر إغلاق النافذة المنبثقة. للقيام بذلك:
- افتح الإعدادات المنبثقة مرة أخرى.
- انتقل إلى علامة التبويب الطراز
- كتلة مفتوحة زر الاغلاق وسترى بعض الخيارات لتخصيص زر الإغلاق مثل لون الخلفية والحجم والموضع.
تكوين خيارات العرض
- تكوين إعدادات رؤية القائمة في وضع ملء الشاشة. انتقل إلى إعدادات القسم الذي يحتوي على القائمة وتأكد من أن القسم يشغل كامل عرض وارتفاع الشاشة.
- ضبط خيارات الانتقال للقائمة. يمكنك اختيار الرسوم المتحركة لإظهار القائمة بملء الشاشة وتختفي بسلاسة.
انظر أيضا: كيفية تعيين موضع مخصص لقائمة الجوال في Elementor
نشر وتكوين شروط العرض
بمجرد الانتهاء من إنشاء القالب المنبثق:
- انقر على أيقونة السهم الموجودة بجوار الزر للنشر
- اختر شروط العرض.
- حدد المكان الذي تريد أن يظهر فيه الإشعار المنبثق بالنقر على الزر أضف شرطا
- انقر على زر التالي لضبط الزناد.
- قم بتنشيط الخيار انقر
- انقر احفظ وأغلق.
اختبار وضبط قائمة ملء الشاشة الخاصة بك
بمجرد الانتهاء من إعداد قائمة ملء الشاشة، من المهم اختبارها على أجهزة مختلفة ودرجات دقة الشاشة المختلفة. تأكد من أن القائمة تعمل على أجهزة الكمبيوتر المكتبية والأجهزة اللوحية والهواتف الذكية. قم بإجراء التعديلات حسب الضرورة لضمان تجربة مستخدم سلسة ومتسقة عبر جميع الأجهزة.
استدعاء القالب المنبثق
بمجرد تجهيز قالب النافذة المنبثقة، يمكنك استدعاؤه. ولأنك ترغب في إنشاء قائمة ملء الشاشة، يمكنك إنشاء رأس باستخدام Elementor أو تعديل رأس موجود.
اقرأ هذا المنشور لمعرفة المزيد عن كيفية ذلك إنشاء رأس مخصص باستخدام Elementor.
يمكنك استدعاء قالب النافذة المنبثقة الذي أنشأته للتو باستخدام أي عنصر من عناصر Elementor التي توفر خيار إضافة رابط، مثل زر أو أيقونة أو مربع أيقونة أو نص أو صورة، إلخ...
في هذا البرنامج التعليمي، نستخدم القطعة أيقونة.
- تحرير صفحة Elementor
- اسحب القطعة أيقونة
- في علامة التبويب "النمط"، قم بتخصيصه وفقًا لتناسق موقعك الإلكتروني.
- في قسم المحتوى
- اضبط الارتباط على أنه ديناميكي وحدد نافذة منبثقة.
- حدد قالب النافذة المنبثقة الذي أنشأته للتو بالنقر على أيقونة المفتاح.
- حدد الأداة للدخول إلى وضع التحرير. ضمن علامة تبويب المحتوى في اللوحة اليسرى، ابحث عن الحقل الذي تريد إضافة الرابط إليه.
- نشر/تحديث صفحتك.
- معاينة
بعد التخصيص، هذه هي النتيجة التي حصلنا عليها:
الأسئلة الشائعة حول كيفية إنشاء قائمة ملء الشاشة في Elementor
الموارد ذات الصلة :
- كيفية إنشاء صورة الأكورديون مع JetTabs في Elementor
- كيفية إنشاء صفحة 404 في Elementor
- كيفية إنشاء زر عائم باستخدام مؤشر Elementor Z
- كيفية استخدام الخطوط العالمية في Elementor
- كيفية إنشاء شريط تقدم متدرج في Elementor
الخاتمة
يعد إنشاء قائمة ملء الشاشة في Elementor خطوة إستراتيجية تعمل على تحويل تجربة المستخدم وإثراء التنقل على موقعك. يتيح لك هذا النوع من القائمة جذب الاهتمام الكامل للزائرين، مما يوفر لهم واجهة نظيفة وغامرة تسلط الضوء على خيارات التنقل الخاصة بك بطريقة واضحة وجذابة.
باختيارك هذا الأسلوب، لن تستفيد فقط من مرونة تصميم لا مثيل لها، بل ستُحسّن أيضًا من عرض محتواك وعروضك الترويجية. تُعدّ قائمة ملء الشاشة فعّالة بشكل خاص لتحسين تجربة المستخدم على الأجهزة المحمولة، حيث تُقدّم حلاً عمليًا لتنظيم عناصر التنقل عبر جميع أنواع الأجهزة.
يتيح لك دمج قائمة ملء الشاشة مع Elementor تخصيص مظهر القائمة ووظائفها لتناسب احتياجاتك الخاصة. وهذا يمكّنك من إنشاء تصميم يعكس هوية علامتك التجارية بشكل مثالي، مع تسهيل وصول زوارك إلى المعلومات الأساسية.
سواء كنت تتطلع إلى تحديث موقعك أو تحسين التنقل للمستخدمين، فإن القائمة بملء الشاشة تعد حلاً أنيقًا وعمليًا. فهو يوفر تجربة تنقل سلسة وبديهية، مع تسليط الضوء على العناصر الأساسية لموقعك.
لتعظيم تأثير قائمة ملء الشاشة، لا تتردد في استكشاف خيارات التخصيص المختلفة التي تقدمها Elementor. اختبر الميزات، وقم بتعديل التصميمات، وشاهد كيف يمكن لهذا التصميم المبتكر أن يغير الطريقة التي يتفاعل بها زوار موقعك مع موقعك.
إذا ساعدتك هذه المقالة في فهم مزايا قائمة ملء الشاشة وكيفية تطبيقها باستخدام Elementor، قم بمشاركتها مع شبكتك حتى يتمكن الآخرون أيضًا من الاستفادة من هذا الحل الفعال. إذا كانت لديك أية مخاوف بشأن كيفية الوصول ، فأخبرنا بذلك تعليقات.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق.