الوجبات السريعة الرئيسية
- يعد المكون الإضافي Elementor slider أحد منتجين: منشئ مستقل مع محرر خاص به ومخطط زمني للرسوم المتحركة، مثل Slider Revolution أو Smart Slider 3، أو عنصر واجهة مستخدم Elementor الأصلي الموجود في المحرر الذي تستخدمه بالفعل.
- أداة Elementor Pro's Slides هي شريط تمرير البطل الخاص بها، مع خلفية وعنوان ونص وزر لكل شريحة وتأثير Ken Burns، بينما يغطي Elementor المجاني خلفيات البطل الدوارة مع نوع خلفية عرض الشرائح للحاوية.
- يقوم Master Addons ببناء أشرطة تمرير البطل داخل Elementor من خلال استيراد Plinth Hero Slider وامتداد Background Slider، ويقدم 20 تصميمًا محددًا لشريط التمرير والدوامة من خلال Widget Builder، 12 منها في Pro.
- لا تحتوي Slider Revolution على طبقة مجانية وتبيع تراخيص سنوية تبدأ من 45 يورو لموقع واحد، مع 200+ قالب و30+ إضافات، وتحمل أثقل إطار أمامي في هذه المقارنة.
- تعد صورة الشريحة الأولى أكبر عنصر طلاء مثير للمحتوى في كل صفحة رئيسية لشريط التمرير تقريبًا، لذا فإن تقديمها كـ WebP بحجم العرض يهم أكثر من البرنامج الإضافي الذي يعرضها.
يغطي البرنامج الإضافي “Slider” منتجين مختلفين تمامًا، واختيار الفئة الخاطئة يكلف أكثر من اختيار البرنامج الإضافي الخاطئ.
إحدى الفئات هي منشئي أشرطة التمرير المستقلين مثل Slider Revolution وSmart Slider، مع محرريهم الخاصين، والجداول الزمنية للرسوم المتحركة الخاصة بهم، وفاتورة وزن الصفحة الخاصة بهم. والآخر هو عناصر واجهة مستخدم شريط التمرير الأصلية لـ Elementor والتي تعيش داخل المحرر الذي تستخدمه بالفعل. سبعة خيارات عبر كلتا الفئتين، يتم الحكم عليها بناءً على ما يمكنهم إنشاؤه وما تكلفته الصفحة. تشكيلة عناصر واجهة المستخدم الدائرية الكاملة يغطي نصف التمرير الجانبي، و تصاميم دائري 3D تغطية تلك القائمة على العمق.
جدول المحتويات
الجواب القصير
| البرنامج المساعد | يكتب | الأفضل ل | وزن الصفحة |
|---|---|---|---|
| الإضافات الرئيسية | عناصر واجهة المستخدم + الواردات | منزلقات البطل داخل العنصر | ضوء |
| Elementor Pro (شرائح + دائري وسائط + حلقة) | أصلي | المتزلجون الديناميكيون والوسائط | ضوء |
| المنزلق الذكي 3 | مستقل | شرائح متحركة ذات طبقات بميزانية محدودة | متوسط |
| ثورة المنزلق | مستقل | أبطال الرسوم المتحركة المتقنة | ثقيل |
| ميتاسلايدر | مستقل | عروض شرائح الصور البسيطة | ضوء |
| عناصر غير محدودة | القطعة العنصر | أنماط منزلق غير عادية | متوسط |
| مناجاة | مستقل | منزلقات صورة سريعة ومباشرة | ضوء |
أولاً: هل تحتاج إلى مكون إضافي لشريط التمرير على الإطلاق؟
يستحق أن تسأل قبل أن تنفق أي شيء. إذا كنت تريد بطلًا بملء الشاشة مع نص متعدد الطبقات متحرك على جدول زمني وخلفيات فيديو ومقلاة كين بيرنز، فهذا منشئ شريط التمرير ولا شيء آخر يفعل ذلك بشكل جيد.
إذا كنت تريد أن تنزلق الصور باستخدام الأسهم والنقاط، فلن تحتاج إلى واحدة. يقوم Elementor's Free Image Carousel بذلك. تعد إضافة Slider Revolution لشريط الصور بمثابة مكون إضافي كبير لمهمة صغيرة، وستشعر بذلك في العناصر الحيوية الأساسية للويب.
وإذا كان ما تريده بالفعل هو عدة عناصر مرئية في وقت واحد يتم تمريرها جانبيًا، فأنت تريد دائريًا، وليس شريط تمرير. الفرق بين الاثنين هو ما يغير البرنامج المساعد الذي تحتاجه.
1. الإضافات الرئيسية: أشرطة تمرير البطل دون مغادرة العنصر
يكتب: عناصر واجهة المستخدم Elementor بالإضافة إلى العناصر القابلة للاستيراد منشئ القطعة تصميمات.
متضمن: صورة دائري، منزلق شعار ، منزلق الفريق ، الجدول الزمني, مقارنة الصورمدونة في وضع دائري، وامتداد شريط تمرير الخلفية، وثمانية تصميمات قابلة للاستيراد.
يستحق الدقة هنا، لأن التسويق على مكونات إضافية مثل هذه عادةً لا يكون كذلك: لا توجد أداة واحدة تسمى “Slider.” يتم تنفيذ مهمة البطل بطريقتين أخريين، وكلاهما يبقى داخل محرر Elementor. لا توجد واجهة ثانية، والإخراج عبارة عن مثيل Swiper وليس إطارًا منفصلاً.
الأول هو واردات التصميم. عشرون تصميمًا منزلقًا ودائريًا، كل منها مع عرض حي. ثمانية استيراد من خلال الإضافات الرئيسية → منشئ عناصر واجهة المستخدم → استيراد عناصر واجهة المستخدم. Plinth Hero Slider هو البطل الكامل، مع قاعدة تسمية توضيحية ونقاط وأسهم وعداد شرائح ورابط لكل شريحة، بينما يحتوي Rostrum Quote Slider وAlmanac Timeline Slider وVitrine Plate Gallery على علامات اقتباس وجداول زمنية ومعارض للصور المصغرة. الاثني عشر الآخرون، Meridian Coverflow وHalo Orbit من بينهم، يحتاجون إلى Pro.
والثاني هو امتداد شريط التمرير الخلفية. يقوم بتحويل خلفية أي حاوية إلى عرض شرائح، والذي يتعامل مع “hero مع حالة ” لصور الخلفية الدوارة بدون عنصر واجهة مستخدم شريط التمرير على الإطلاق. في كثير من الأحيان تكون الإجابة أبسط.
على الجانب المدفوع، يعد Gallery Slider معرضًا جاهزًا لشريط الصور المصغرة و شريط الأخبار هو شريط العنوان التمرير. ولا يوجد شريط تمرير البطل.
نقطة ضعف: لا يوجد جدول زمني للرسوم المتحركة للطبقة. إذا كنت بحاجة إلى عناصر نصية يتم تحريكها وفقًا لجدول زمني متدرج مع تسهيل كل طبقة، فهذا ليس كذلك. Smart Slider أو Slider Revolution هو.
احصل عليه إذا: تريد أشرطة تمرير البطل والدوامات الدائرية من مكون إضافي واحد، في محرر واحد، بدون خط أصول ثانٍ. ما يتضمنه البرنامج المساعد.
2. Elementor Pro: الخيار الأصلي
يكتب: أصلي.
الطبقة الحرة: صورة دائري، المعرض الأساسي.
يتعامل Media Carousel مع الصور ومقاطع الفيديو باستخدام غلاف متدفق، و حلقة دائري يتعامل مع المحتوى الديناميكي من الاستعلام. شريط تمرير البطل هو عنصر واجهة مستخدم الشرائح: شرائح كاملة العرض، لكل منها خلفيتها الخاصة وعنوانها ووصفها وزرها، وتكبير كين بيرنز وتلاشيها أو انتقالات الشرائح. في Elementor المجاني، يكون مسار البطل عبارة عن حاوية ذات خلفية عرض الشرائح، والتي تحتوي أيضًا على Ken Burns وخمسة انتقالات، بالإضافة إلى تأثيرات الحركة.
تم الاستهانة بنهج الحاوية هذا. توفر لك خلفية عرض الشرائح والرسوم المتحركة للمدخل وتأثير التمرير معظم ما يقدمه شريط تمرير “hero، بوزن صفحة إضافي صفر، باستخدام المحرر الموجود لديك بالفعل. قبل تثبيت أي شيء، حاول بنائه محليًا.
احصل عليه إذا: لديك Pro بالفعل ويكفي وجود بطل ذو طبقات مع كتلة نصية واحدة لكل شريحة. جرب المسار الأصلي قبل إضافة مكون إضافي.
3. المنزلق الذكي 3: المستقل المعقول
يكتب: منشئ مستقل.
الطبقة الحرة: طبقات تغطية سخية ورسوم متحركة وعناصر تحكم سريعة الاستجابة.
أفضل منشئ شريط تمرير مستقل مجاني. تحصل على شرائح ذات طبقات وعناصر تحكم في الرسوم المتحركة وتحرير سريع الاستجابة دون الدفع، ويتم توصيله بـ Elementor باستخدام عنصر واجهة مستخدم.
إنها أخف بشكل ملحوظ من Slider Revolution أثناء القيام بمعظم الأشياء نفسها، وهذا هو السبب الرئيسي لاختيارها.
نقطة ضعف: إنه محرر ثانٍ. تترك Elementor، وتبني شريط التمرير، وتعود وتضعه. لبطل صفحة رئيسية واحدة، فلا بأس. بالنسبة لشرائح التمرير الموجودة في اثنتي عشرة صفحة، تصبح ضريبة سير العمل.
احصل عليه إذا: أنت بحاجة إلى شرائح متحركة ذات طبقات ولا تريد وزن أو سعر Slider Revolution.
4. ثورة المنزلق: قوية وثقيلة
يكتب: منشئ مستقل.
الطبقة الحرة: لا شئ.
شريط التمرير الأكثر قدرة في هذه القائمة، والأثقل. الجداول الزمنية للطبقة، وتأثيرات الجسيمات، وخلفيات الفيديو، واختلاف المنظر ثلاثي الأبعاد، ومكتبة قوالب كبيرة. إذا كنت قد رأيت بطل رسوم متحركة متقنًا على موقع الوكالة، فهناك فرصة عادلة لبنائه.
يتم اكتساب سمعة وزن الصفحة. إنه يقوم بتحميل إطار عمل كبير، وعلى مضيف مشترك مع TTFB بطيء، فإن بطل Slider Revolution الموجود فوق الطية سيضر بأكبر طلاء مثير للرضا.
نقطة ضعف: معظم المواقع لا تستخدم أبدًا عُشره، وتدفع الوزن الكامل بغض النظر.
احصل عليه إذا: يعد شريط التمرير هو محور الموقع حقًا ولديك الاستضافة اللازمة لحمله.
5. MetaSlider: بسيط وسريع
يكتب: مستقل.
الطبقة الحرة: نعم، وهذا يكفي لعروض الشرائح الأساسية.
يقوم MetaSlider بشيء واحد: عروض شرائح الصور. لا توجد جداول زمنية للطبقة، ولا جزيئات. اختر الصور، واختر الانتقال، ثم ضع الرمز القصير.
هذا الضيق هو الميزة. إنه خفيف، لقد كان موجودًا منذ وقت طويل، ولا يحاول أن يكون أداة تصميم.
نقطة ضعف: إذا كنت بحاجة إلى نص فوق الصور مع أي تحكم حقيقي، فسوف تتفوق عليه بسرعة.
احصل عليه إذا: تريد عرض شرائح صورة عادي وليس أكثر.
6. عناصر غير محدودة: أنماط منزلق غير عادية
يكتب: مكتبة عناصر واجهة المستخدم Elementor.
الطبقة الحرة: كبير.
ليس منشئ شريط التمرير، ولكنه يحتوي على الكثير من الأدوات على شكل شريط تمرير: أشرطة التمرير العمودية، وشرائح التمرير المنقسمة، وتدفق الغطاء والتراكب، والعديد منها مجاني. إذا كنت تريد أسلوبًا غير عادي محدد بدلاً من منشئ البطل، فابحث هنا أولاً.
نقطة ضعف: اتساق التصميم المتغير عبر المكتبة، وعدد كافٍ من الأدوات التي تجعل إدارتها مهمة خاصة بها.
7. مناجاة: السرعة مثل الملعب
يكتب: مستقل.
الطبقة الحرة: محدود.
يضع نفسه على السرعة، والمطالبة تصمد. إنها واحدة من أشرطة التمرير الأخف المتاحة. أشرطة تمرير الصور والفيديو المباشرة، الحد الأدنى من التكوين.
نقطة ضعف: الطبقة المجانية رفيعة ويتم دفع الميزات المثيرة للاهتمام. بهذا السعر، يمكنك المقارنة مع الطبقة المجانية لـ Smart Slider، وهو أمر صعب.
المتزلجون العمودي
يستحق ملاحظة منفصلة، لأن الأشخاص يبحثون عنه على وجه التحديد ومعظم المكونات الإضافية تتعامل معه بشكل سيء. يقوم شريط التمرير العمودي بتحريك الشرائح لأعلى ولأسفل بدلاً من الجوانب. يعمل مع تخطيطات ملء الشاشة قسمًا تلو الآخر ولمحتوى الشريط الجانبي الضيق. يفشل على الهاتف المحمول في كثير من الأحيان أكثر من الأفقي، لأن التمرير العمودي يتنافس مع تمرير الصفحة. لا يعرف المتصفح ما إذا كنت تقصد تقديم شريط التمرير أو تمرير الصفحة، ويخمن خطأ.
إذا قمت ببناء واحدة، فتأكد من تحرير التمرير العمودي في الشريحة الأولى والأخيرة، أو أن الناس محاصرون. يتعامل كل من Smart Slider وSlider Revolution مع الوضع الرأسي بشكل صحيح. تتعامل معظم أشرطة التمرير المستندة إلى عناصر واجهة المستخدم مع الأمر كفكرة لاحقة. إذا كان المقصود من الحركة الرأسية أن تكون مستمرة بدلاً من الانزلاق على شريحة، فهذه سرادق بدلاً من ذلك، و دليل سرادق يغطي بناء واحد عموديا.
سؤال وزن الصفحة، مستقيم
تعد أشرطة التمرير السبب الوحيد الأكثر شيوعًا للطلاء السيئ الأكبر والمحتوى على صفحة WordPress الرئيسية. ليس لأن الانزلاق مكلف، ولكن بسبب ما بداخله
- صور بالحجم الكامل. البطل المكون من خمس شرائح بحجم 2 ميجابايت لكل منها هو 10 ميجابايت قبل أن يتم تحريك أي شيء. خدمة WebP بحجم العرض الفعلي.
- تحميل كافة الشرائح مرة واحدة. يعرض المتزلجون كل شريحة. كسول تحميل كل شيء بعد الأول. أشرطة الفيديو هي أسوأ الحالات، لأن كل شريحة خارج الشاشة تقوم بتحميل اللاعب.
- وزن الإطار. يقوم المنشئون المستقلون بتحميل محرك الرسوم المتحركة الخاص بهم فوق كل شيء آخر على الصفحة.
- وضع فوق الطية. يصبح شريط التمرير عنصر LCP الخاص بك حسب التعريف. لا بأس إذا كان WebP بسعة 150 كيلو بايت؛ ليس الأمر كذلك إذا كان ملف JPEG بحجم 2 ميجا بايت خلف إطار عمل بسعة 300 كيلو بايت.
القاعدة العملية: مهما كان اختيارك، فإن صورة الشريحة الأولى هي الشيء الذي يجب تحسينه. كل شيء آخر يمكن تحميله ببطء. تلك الصورة الواحدة هي النتيجة الأساسية لـ Web Vitals.
الذي يجب اختياره
بالفعل باستخدام Elementor ونريد بطلاً: جرب حاوية تحتوي على خلفية عرض الشرائح أولاً، أو أداة الشرائح إذا كان لديك Pro. لا يكلف شيئًا إضافيًا وعادةً ما يكون كافيًا.
تحتاج إلى شرائح متحركة ذات طبقات: Smart Slider 3. الطبقة المجانية تقوم بمعظمها.
شريط التمرير هو محور الموقع Slider Revolution، بميزانية استضافة مناسبة.
تريد أشرطة التمرير والدوارات من مكون إضافي واحد دون مغادرة Elementor: الإضافات الرئيسية. ستة عناصر واجهة مستخدم دائرية ومنزلق بالإضافة إلى ملحق شريط تمرير الخلفية، وثمانية تصميمات قابلة للاستيراد بما في ذلك بطل كامل النزيف، و معرض المنزلق على برو.
عرض شرائح الصورة العادية: ميتا سلايدر. لا تبالغ في التفكير في الأمر.
الأسئلة المتداولة
هل يحتوي Elementor على شريط تمرير مدمج؟
نعم. يحتوي Elementor free على Image Carousel ونوع خلفية Slideshow للحاويات. يضيف Elementor Pro عنصر واجهة مستخدم Slides، وهو شريط تمرير بطل بخلفية وعنوان ونص وزر لكل شريحة، بالإضافة إلى Media Carousel وLoop Carousel. بدون Pro، قم ببناء حاوية بخلفية عرض الشرائح أو قم باستيراد تصميم البطل من ملحق.
ما هو أفضل مكون إضافي مجاني لشريط تمرير Elementor؟
يتمتع Smart Slider 3 بأقوى طبقة مستقلة مجانية: الطبقات والرسوم المتحركة وعناصر التحكم سريعة الاستجابة دون الدفع. إذا كنت تفضل البقاء داخل Elementor، فإن Master Addons وUnlimited Elements يضيفان عناصر واجهة مستخدم شريط التمرير والدوامة إلى المحرر بدون Elementor Pro. تستورد Master Addons أيضًا ثمانية تصميمات مسماة من خلال Master Addons → Widget Builder → Import Widget، بما في ذلك Plinth Hero Slider للأبطال ذوي العرض الكامل وRostrum Quote Slider للشهادات.
هل تعمل المكونات الإضافية لشريط التمرير على إبطاء WordPress؟
تضيف أدوات البناء المستقلة مثل Slider Revolution تكلفة إطار عمل حقيقية، ويضيف أي شريط تمرير وزن الصورة لأن جميع الشرائح يتم عرضها مرة واحدة. العامل الأكبر هو صورة الشريحة الأولى، والتي تصبح أكبر طلاء مثير للمحتوى لديك. قم بتقديمه كـ WebP محسّن بحجم العرض وقم بتحميل الباقي ببطء.
ما الفرق بين شريط التمرير والدوامة؟
يعرض شريط التمرير شريحة واحدة في كل مرة، وعادةً ما تكون كاملة العرض، وعادةً ما تكون بطلاً. يعرض الرف الدائري عدة شرائح في وقت واحد على مسار أفقي. إنهم بحاجة إلى مكونات إضافية مختلفة: منشئات شريط التمرير للأول، ومكتبات عناصر واجهة المستخدم للثاني.
هل يمكنني عمل شريط تمرير عمودي في Elementor؟
نعم، مع مكون إضافي لشريط التمرير يدعم الوضع الرأسي. يقوم كل من Smart Slider وSlider Revolution بذلك. اختبر بعناية على الهاتف المحمول، لأن التمرير العمودي يتنافس مع تمرير الصفحة، وتأكد من تحرير شريط التمرير للتمرير في الشريحة الأولى والأخيرة حتى لا يقع الزائرون في فخ.
هل يجب علي استخدام Slider Revolution مع Elementor؟
فقط إذا كنت بحاجة إلى ما يفعله: الجداول الزمنية للطبقة، والجسيمات، واختلاف المنظر ثلاثي الأبعاد، وخلفيات الفيديو. بالنسبة للبطل القياسي أو الكاروسيل، فهو مكون إضافي أكثر مما تحتاجه الوظيفة، ويظهر الوزن في Core Web Vitals. جرب مسار Elementor الأصلي أولاً.
كل شريط تمرير Elementor ودليل دائري في هذه السلسلة
هذه المقارنة والتقريب الدائري هما المحوران لسلسلة مكونة من 14 عمودًا. تغطي الأدلة الموجودة أسفل كل منها شريط تمرير أو نوع دائري واحد، أو مشكلة واحدة متكررة مثل تعارضات Swiper.
- Elementor Carousel vs Slider: ما الفرق؟
- أدوات Elementor Carousel المجانية: ما هو المجاني بالفعل
- 20 قالب Elementor Slider، 8 منها مجانية: Coverflow، Timeline، Testimonial والمزيد
- حلقة العنصر الدائرية: كيف تعمل ومتى تستخدمها
- Elementor Swiper Slider: كيف يعمل وكيفية إصلاحه
- كيفية إنشاء صورة دائرية في Elementor
- Elementor 3D Carousel: Coverflow، Flip، Arc وOrbit
- كيفية إنشاء دائري الشهادة في Elementor
- كيفية إنشاء شعار دائري في Elementor
- دائري منتج WooCommerce في Elementor: ثلاث طرق تعمل
- Elementor Video Carousel وGallery Slider
- سرادق العنصر: نص التمرير اللانهائي والشعارات والملصقات
- 7 أفضل المكونات الإضافية للدوامة Elementor مقارنة
التالي
إذا كان ما تقوم ببنائه يعرض عدة عناصر في وقت واحد، فأنت تبحث عن دائري والأدوات مختلفة. تقرير البرنامج المساعد دائري يغطي هذه الفئة بشكل صحيح.
كل شريط تمرير وعنصر دائري في مكان واحد: الحاجيات الدائرية العنصر. وعندما تتجاوز قائمة التسوق أشرطة التمرير، فإن أفضل 100 إضافة Elementor roundup هو المنظر الطويل.
عندما تصل للحصول على ترخيص، فإن صفحة تسعير الإضافات الرئيسية يُظهر الطبقة التي يوجد بها كل تصميم احترافي.
