صورة بطل واحدة تقول شيئًا واحدًا. خلفية البطل التي تدور عبر أفضل ثلاث أو أربع صور لديك تقول أكثر بكثير، دون إضافة عنصر واجهة مستخدم واحد إلى التخطيط. منزلق الخلفية تمديد في الإضافات الرئيسية للعنصر يستبدل الخلفية الثابتة للقسم بعرض شرائح للصور: اختر الصور، واختر الانتقال، والمحتوى موجود في الأعلى بينما تدور الخلفية خلفه.
إليكم البطل النهائي من العرض التوضيحي، وهو يتنقل عبر صوره الثلاث بانتقال دوامي
ما يفعله ملحق شريط تمرير الخلفية #
بمجرد التمكين، تحصل الحاويات والأقسام على منزلق الخلفية لوحة في أسلوب علامة التبويب، بجوار قسم الخلفية العادي. قم بتشغيله وإضافة صور من مكتبة الوسائط، وتصبح خلفية القسم عرض شرائح موقوت. كل شيء فيه قابل للتكوين:
- إضافة صور: حقل معرض يحتوي على الشرائح، أو يعيد ترتيبها أو إزالتها في محرر معرض WordPress القياسي.
- انتقال: تأثيرات 20+ بين الشرائح، بما في ذلك Fade، وSlide في أربعة اتجاهات، وZoom In and Out، وSwirl، وBurn، وBlur، وFlash، ومعظمها مع متغير ثانٍ.
- الرسوم المتحركة: حركة كين بيرنز على كل شريحة، في عدة اتجاهات أو عشوائية.
- تراكب مخصص: طبقة لون أو تدرج أو صورة فوق الشرائح، بالإضافة إلى تسعة أنماط تراكب محددة مسبقًا تحافظ على إمكانية قراءة النص.
- التأخير والمؤقت: ما هي مدة بقاء كل شريحة، و5000 مللي ثانية في العرض التوضيحي، وما إذا كان التدوير يعمل على مؤقت.
- عرض عشوائي، دقة الصورة، الغلاف: قم بخلط الترتيب واختيار الحجم المحمل والتحكم في كيفية ملء الصور للقسم.
قبل أن تبدأ #
- ووردبريس مع العنصر مثبتة ونشطة.
- الإضافات الرئيسية للعنصر مثبت ونشط. جديد في البرنامج المساعد؟ اتبع دليل التثبيت أولاً.
- يعد شريط تمرير الخلفية امتدادًا مجانيًا، لذلك لا يلزم الحصول على ترخيص Pro.
- صورتان أو أكثر بحجم العرض الكامل، وأبعاد متشابهة بشكل مثالي.
كيفية تمكين امتداد شريط تمرير الخلفية #
من لوحة تحكم WordPress الخاصة بك، انتقل إلى الإضافات الرئيسية وافتح ملحقات علامة التبويب. يوجد شريط تمرير الخلفية في الحاجيات الرسوم المتحركة المجموعة، بجانب الرسوم المتحركة التدرج BG. انقر فوق التبديل الخاص به حتى يتحول إلى اللون الأرجواني، ثم اضغط حفظ التغييرات وانتظر حتى يتم حفظ إعدادات “ الخضراء بنجاح في إشعار”.
افتح اللوحة وأضف الصور #
حدد حاوية البطل في محرر Elementor وافتح أسلوب علامة التبويب. توسيع منزلق الخلفية قسم يحمل شارة MA الأرجوانية والمفتاح تمكين شريط تمرير الخلفية إلى نعم. تظهر قائمة الإعدادات الكاملة، مع يتقدم زر في الأعلى للضغط على التغييرات في المعاينة.
انقر إضافة صور واختيار الشرائح من مكتبة الوسائط. يستخدم العرض التوضيحي ثلاث صور للخدمة. يتعامل محرر المعرض مع الترتيب: اسحب لإعادة الترتيب، أو اضغط على X لإسقاط واحدة، أو أضف إلى المعرض للمزيد.
اختر الانتقال والحركة #
ال الانتقال يقرر Dropdown كيفية انتقال شريحة واحدة إلى الشريحة التالية. القائمة طويلة: Fade، Slide Left، Right، Up، and Down، Zoom In and Out، Swirl Left and Right، Burn، Blur، and Flash، معظمها في نوعين مختلفين. يصل العرض التوضيحي إلى دوامة اليسار.
ال الرسوم المتحركة يضيف الإعداد حركة كين بيرنز داخل كل شريحة، وتحريكًا بطيئًا وتكبيرًا يحافظ على الخلفية حية بين التحولات. اختر الاتجاه أو اضبطه عليه عشوائي ودع كل شريحة تنجرف بطريقتها الخاصة.
التراكب والتأخير والمؤقت #
النص الأبيض على صورة مزدحمة يحتاج إلى مساعدة. دور تراكب مخصص لإظهار ووضع لون أو تدرج أو صورة فوق الشرائح، أو اختر واحدًا من التسعة المعدة مسبقًا تراكب أنماط ذات أنماط مصممة لسهولة القراءة. تحت ذلك، تأخير يضبط عدد المللي ثانية التي تحملها كل شريحة (5000 في العرض التوضيحي)، الموقت يحافظ على الدوران تلقائيًا، و غطاء يجعل الصور تملأ القسم من الحافة إلى الحافة.
النتيجة على الصفحة #
النشر ودورات البطل من تلقاء نفسها، تمامًا كما هو الحال في ملف GIF الموجود أعلى هذه الصفحة: كل صورة تنطبق على التأخير، وتدور في الصورة التالية، ويظل العنوان والأزرار ثابتة في الأعلى. يحصل الزائرون على خلفية متحركة بدون عنصر واجهة مستخدم منزلق منفصل، ولا يتغير هيكل القسم الموجود أسفلها أبدًا.
حيث يعمل شريط تمرير الخلفية بشكل جيد #
- أقسام البطل. قم بتدوير ثلاث صور قوية بدلاً من المراهنة على الانطباع الأول على صورة واحدة.
- شركات الخدمة. أظهر الفريق وهو يعمل خلف عنوان واحد.
- المطاعم والأماكن. الأطباق والديكورات الداخلية ركوب الدراجات خلف زر الحجز.
- المحافظ. المشاريع الأخيرة كخلفية لقسم المقدمة.
- الصفحات المقصودة. زوايا المنتج تدور خلف نداء ثابت للعمل.
فيديو تعليمي #
شاهد شريط التمرير المدمج من طرف إلى طرف، بدءًا من تمكين الامتداد وحتى بطل ركوب الدراجات على الصفحة المنشورة.
الأسئلة المتداولة #
كيف يمكنني إضافة عرض شرائح الخلفية إلى قسم العنصر؟
قم بتمكين ملحق شريط تمرير الخلفية في علامة التبويب ملحقات الإضافات الرئيسية، وحدد القسم، وافتح شريط تمرير الخلفية في علامة التبويب النمط. قم بتشغيله وإضافة صورتين أو أكثر واختيار الانتقال ودورات خلفية القسم تلقائيًا.
ما هي تأثيرات الانتقال المضمنة؟
أكثر من عشرين: Fade، Slide Left، Right، Up، and Down، Zoom In and Out، Swirl Left and Right، Burn، Blur، and Flash، معظمها مع متغير ثانٍ. يضيف إعداد الرسوم المتحركة المنفصل حركة التحريك والتكبير/التصغير التي يقوم بها كين بيرنز داخل كل شريحة.
هل يمكنني إبقاء النص قابلاً للقراءة على الصور؟
نعم. قم بتشغيل التراكب المخصص للحصول على طبقة لون أو تدرج أو صورة فوق الشرائح، أو اختر أحد أنماط التراكب التسعة المعدة مسبقًا. يستخدم العرض التوضيحي تراكبًا داكنًا بحيث يحتفظ العنوان الأبيض والأزرار بالتباين في كل شريحة.
كيف يمكنني التحكم في سرعة الشريحة؟
يقوم حقل التأخير بتعيين عدد المللي ثانية التي تظل فيها كل شريحة مرئية، 5000 بشكل افتراضي في العرض التوضيحي. يحافظ المؤقت على تشغيل التدوير تلقائيًا، وتقوم Random Display بخلط ترتيب الشرائح عند كل تحميل إذا كنت تريد التنوع.
هل ملحق شريط تمرير الخلفية مجاني؟
نعم. يأتي شريط تمرير الخلفية مع الإصدار المجاني من Master Addons for Elementor، في مجموعة Animation Widgets في علامة التبويب Extensions. تغطي صفحة التسعير ما تضيفه خطط Pro.
إلتحاق بالركب #
يقوم ملحق شريط تمرير الخلفية بتحويل خلفية القسم إلى عرض شرائح مع تبديل واحد ومجموعة من الاختيارات: الصور، والانتقال، والتراكب، والتأخير. يظل المحتوى في مكانه، وتقوم الخلفية بالعمل، ولا تدخل أي أداة شريط تمرير إضافية في التخطيط. للحركة بدون صور، امتداد خلفية التدرج المتحركة يغطي نفس القسم بالألوان بدلاً من ذلك، والمجموعة الكاملة من عناصر واجهة المستخدم والإضافات الرئيسية على بعد صفحة واحدة.
