يغطي البرنامج الإضافي “Slider” منتجين مختلفين تمامًا، واختيار الفئة الخاطئة يكلف أكثر من اختيار البرنامج الإضافي الخاطئ.
تتداخل أشرطة التمرير والدوارات بدرجة كافية بحيث تستحق معرفة أي منها تقوم ببنائه بالفعل. ال تشكيلة عناصر واجهة المستخدم الدائرية الكاملة يغطي نصف التمرير الجانبي، و تصاميم دائري 3D تغطية تلك القائمة على العمق.
إحدى الفئات هي منشئي أشرطة التمرير المستقلين مثل Slider Revolution وSmart Slider، مع محرريهم الخاصين، والجداول الزمنية للرسوم المتحركة الخاصة بهم، وفاتورة وزن الصفحة الخاصة بهم. والآخر هو عناصر واجهة مستخدم شريط التمرير الأصلية لـ Elementor والتي تعيش داخل المحرر الذي تستخدمه بالفعل.
سبعة خيارات في كلتا الفئتين، يتم الحكم عليها بناءً على ما يمكنهم إنشاؤه وتكلفته الصفحة.
الجواب القصير
| البرنامج المساعد | يكتب | الأفضل ل | وزن الصفحة |
|---|---|---|---|
| الإضافات الرئيسية | عناصر واجهة المستخدم + الواردات | منزلقات البطل داخل العنصر | ضوء |
| إليمنتور برو (ميديا كاروسيل + حلقة) | أصلي | المتزلجون الديناميكيون والوسائط | ضوء |
| المنزلق الذكي 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 شريط تمرير مخصص. يقوم الأشخاص ببناء الأبطال من حاوية ذات خلفية وتأثيرات حركة بدلاً من ذلك.
تم الاستهانة بهذا النهج. توفر لك الحاوية التي تحتوي على صورة خلفية ورسوم متحركة للمدخل وتأثير التمرير معظم ما يقدمه شريط تمرير “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 ونريد بطلاً: جرب حاوية تحتوي على صورة خلفية وتأثيرات الحركة أولاً. لا يكلف شيئا وعادة ما يكون كافيا.
تحتاج إلى شرائح متحركة ذات طبقات: Smart Slider 3. الطبقة المجانية تقوم بمعظمها.
شريط التمرير هو محور الموقع Slider Revolution، بميزانية استضافة مناسبة.
تريد أشرطة التمرير والدوارات من مكون إضافي واحد دون مغادرة Elementor: الإضافات الرئيسية. ستة عناصر واجهة مستخدم دائرية ومنزلق بالإضافة إلى ملحق شريط تمرير الخلفية مجانًا، وثمانية تصميمات قابلة للاستيراد بما في ذلك بطل كامل النزيف على المكون الإضافي المجاني، و معرض المنزلق على برو.
عرض شرائح الصورة العادية: ميتا سلايدر. لا تبالغ في التفكير في الأمر.
الأسئلة المتداولة
هل يحتوي Elementor على شريط تمرير مدمج؟
ليس شريط تمرير البطل المخصص. يحتوي Elementor free على Image Carousel؛ يضيف Elementor Pro Media Carousel وLoop Carousel. للحصول على بطل كامل العرض، يقوم معظم الأشخاص ببناء حاوية تحتوي على صورة خلفية بالإضافة إلى تأثيرات الحركة، أو إضافة عنصر واجهة مستخدم شريط التمرير من ملحق.
ما هو أفضل مكون إضافي مجاني لشريط تمرير Elementor؟
يحتوي Smart Slider 3 على أقوى طبقة مستقلة مجانية: الطبقات والرسوم المتحركة وعناصر التحكم سريعة الاستجابة دون الدفع. إذا كنت تفضل البقاء داخل Elementor، فإن Master Addons وUnlimited Elements يتضمن كلاهما عناصر واجهة مستخدم شريط التمرير والدوامة في طبقاتهما المجانية. يستورد البرنامج الإضافي 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 الأصلي أولاً.
التالي
إذا كان ما تقوم ببنائه يعرض عدة عناصر في وقت واحد، فأنت تبحث عن دائري والأدوات مختلفة. تقرير البرنامج المساعد دائري يغطي هذه الفئة بشكل صحيح.
كل شريط تمرير وعنصر دائري في مكان واحد: الحاجيات الدائرية العنصر. وعندما تتجاوز قائمة التسوق أشرطة التمرير، فإن أفضل 100 إضافة Elementor roundup هو المنظر الطويل.
عندما تصل للحصول على ترخيص، فإن صفحة تسعير الإضافات الرئيسية يُظهر الطبقة التي يوجد بها كل تصميم احترافي.
