أفضل إضافات شريط تمرير الصور
تجذب أشرطة التمرير المرئية انتباه الزائرين منذ اللحظة التي يصلون فيها إلى صفحتك. لكن من المعروف أن إنشاءها على ووردبريس أمر صعب، خاصةً إذا لم تكن لديك خبرة في CSS أو JavaScript. ولهذا السبب يستخدم بعض مسؤولي المواقع إضافات خارجية لإنشاء عروض الصور المتحركة (الكاروسيل) في صفحاتهم المقصودة.
ومع ذلك، فإن الإضافات ليست دائماً الخيار الأمثل، حيث إنها غالباً ما تدمر أداء الموقع بسبب مكتبات الرسوم المتحركة الضخمة والأكواد البرمجية الثقيلة. كما يتسبب بعضها في حدوث مشكلات انزياح التخطيط التراكمي (Cumulative Layout Shift) التي تضر بتصنيفات موقعك وتتعارض مع إضافات تحسين الصور الحديثة.
قبل تسليم عروض الصور المتحركة في صفحتك المقصودة إلى إضافة خارجية، ضع في اعتبارك استخدام بديل خفيف: ويدجت شريط تمرير الصور من Jotform. إنه حل بدون خادم ولا يتطلب صيانة، ويمكن تضمينه في أي مكوّن جوتنبرج (Gutenberg block) أو منشئ صفحات باستخدام كود بسيط للنسخ واللصق. ويدجت شريط تمرير الصور من Jotform قابل للتخصيص بالكامل، بحيث يمكنك تحديد الخطوط والألوان والأنماط التي تتناسب مع صفحتك.
ولكن ماذا لو لم تكن متأكداً بنسبة 100% مما إذا كان Jotform مناسباً لك؟ هنا يمكن أن تساعدك هذه المجموعة من إضافات شريط تمرير الصور في ووردبريس. استخدمها لفهم الخيارات المتاحة وتحديد ما إذا كان Jotform هو الخيار الأفضل.
| الأفضل لـ | السعر | التخصيص | التجاوب مع اللمس | |
|---|---|---|---|---|
 MetaSlider |
أشرطة تمرير الصور الأساسية في قوالب ووردبريس المجانية |
مجاني. تبدأ الخطط المدفوعة من 39.50 دولاراً/سنوياً. |
تصميم فردي باستخدام كود CSS. يتوفر محرر السحب والإفلات مع الخطة المدفوعة. |
نعم |
 Carousel Slider Block for Gutenberg |
القوالب التي تستخدم محرر جوتنبرج |
مجاني |
تصميم فردي باستخدام كود CSS. تتوفر وثائق للدعم. |
نعم |
 Carousel Slider |
عروض الصور المتحركة (الكاروسيل) اليومية للصور ومقاطع الفيديو والمنتجات |
مجاني |
خيارات لضبط الارتفاع والعرض والألوان والحقول. |
نعم |
 GutSlider |
أشرطة التمرير المتحركة/الديناميكية المتقدمة مع التحرير بالسحب والإفلات |
مجاني. تبدأ الخطط المدفوعة من 99 دولاراً للاستخدام مدى الحياة. |
خيارات لضبط الهوامش الداخلية والارتفاع والعرض والنصوص والألوان والتأخيرات والخطوط والمواضع. |
نعم |
 Soliloquy |
احتياجات عروض الصور المتحركة المتخصصة (ملفات PDF، صناديق العرض المبسطة، وWooCommerce) |
مجاني. تبدأ الخطط المدفوعة من 39 دولاراً/سنوياً. |
خيارات لضبط الارتفاع والعرض والهوامش الداخلية والنصوص والألوان والانتقالات. يتوفر تصميم متقدم باستخدام CSS. |
نعم |
1. MetaSlider
مع أكثر من 500,000 تثبيت نشط وتقييم 4.6/5*، تعتبر إضافة MetaSlider الإضافة الرائدة في ووردبريس لأشرطة تمرير الصور وعروض الكاروسيل. وهي متوافقة تماماً مع معظم القوالب التي تستخدم محرر جوتنبرج، بالإضافة إلى إضافات بناء الصفحات مثل Elementor وDivi.
تتيح لك أدوات شريط تمرير الصور في MetaSlider دمج صور متعددة في شريط تمرير واحد، مع إضافة تعليق ورابط. إنها تتطابق مع تصميم موقعك، لذلك لن تقلق بشأن الحدود الغريبة أو الأنماط التي لا تتماشى مع قالبك.
تحتوي الخطة المجانية على ميزات قوية، ولكنك ستحتاج إلى بعض المهارات الأساسية في CSS لإضافة الأكواد القصيرة (shortcodes) لشريط تمرير ووردبريس من أجل التخصيص. لا يمكن الحصول على التصميم المتقدم باستخدام محرر السحب والإفلات إلا من خلال اشتراك MetaSlider Slideshow Pro.
تهدف MetaSlider إلى تقليل ثقل الصفحة إلى الحد الأدنى مع توفير الكثير من الميزات في الوقت نفسه. وعلى الرغم من أنها متوافقة تماماً مع معظم قوالب ووردبريس المجانية، إلا أن بعض المستخدمين يواجهون تعارضات. من الأفضل اختبار الإضافة مع موقع الويب الخاص بك قبل الالتزام باشتراك مدفوع.
2. Carousel Slider Block for Gutenberg
تحظى إضافة Carousel Slider Block بأكثر من 50,000 تثبيت نشط ومتوسط تقييم يبلغ 4.8/5.* ينصب تركيزها على أشرطة التمرير الرئيسية (hero)، وآراء العملاء، والشعارات لمواقع ووردبريس التي تستخدم محرر المكونات جوتنبرج. الأداة متجاوبة تماماً، لذا يتم ضبط الصور لتناسب حجم شاشة المستخدم.
باستخدام إضافة Carousel Slider Block، يمكنك إضافة عدد غير محدود من الشرائح إلى أي مكوّن. إنها متجاوبة بالكامل وتدعم اللمس، وتتضمن عناصر تحكم لمساعدتك في تخصيص كيفية ظهور عرض الصور المتحركة. على سبيل المثال، من خلال تفعيل خيار “الإيقاف المؤقت عند التمرير” (Pause on hover)، يتوقف عرض الشرائح أثناء قراءة الزوار للمحتوى، ثم يُستأنف بعد ذلك. يمكنك أيضاً تعيين سرعات الشرائح وتحديد عدد الشرائح التي يتم تمريرها في المرة الواحدة.
العيب الرئيسي لإضافة Carousel Slider Block هو افتقارها إلى محرر السحب والإفلات، لذلك ستحتاج إلى تحرير كود CSS ليتناسب مع ألوان موقعك وخطوطه وأنماطه. يوفر المطور وثائق للمساعدة في ذلك، ولكن الأمر لا يزال يتطلب القليل من العمل، خاصة إذا لم تكن خبيراً في التكنولوجيا.
3. Carousel Slider
توفر إضافة Carousel Slider أشرطة التمرير الرئيسية (hero)، وعروض الصور المتحركة (carousel)، والمنشورات، ومقاطع الفيديو المناسبة لمتطلبات مواقع الويب اليومية. إنها واحدة من أفضل إضافات أشرطة تمرير الصور المتجاوبة المجانية في ووردبريس، مع أكثر من 30,000 تثبيت نشط ومتوسط تقييم يبلغ 4.3/5.*
يمكنك استخدام Carousel Slider مع معظم أدوات بناء صفحات ووردبريس، بما في ذلك جوتنبرج و Elementor و Divi Builder. إنها خفيفة الوزن وتقوم بتحميل الصور والمحتوى فقط عندما يتفاعل الزائر بنشاط مع صفحتك. الأداة متجاوبة بالكامل وتدعم اللمس والسحب.
يتضمن كل شريط تمرير الحقول والميزات التي تتوقعها. على سبيل المثال، تتضمن أشرطة التمرير الرئيسية صور الخلفية، والعناوين، والأوصاف، وزر دعوة لاتخاذ إجراء (CTA). تدعم عروض الكاروسيل الوسائط بجميع أنواعها، بما في ذلك الصور، ومقاطع فيديو YouTube و Vimeo، ومنشورات وسائل التواصل الاجتماعي، ومنتجات WooCommerce. يمكنك إضافة عدة عروض كاروسيل إلى نفس الصفحة، وهو أمر مفيد لمواقع التجارة الإلكترونية.
العيب الرئيسي لإضافة Carousel Slider هو خيارات التخصيص المحدودة الخاصة بها. في حين يمكنك إخفاء الحقول وإزالتها، إلا أن التنسيق الشامل للهوامش الداخلية، والرسوم المتحركة، والتأثيرات غير متاح.
4. GutSlider
تُعد إضافة GutSlider شريط تمرير لافتات حقيقياً بدون كود (no-code) لووردبريس. تقوم هذه الإضافة بتثبيت المكونات التي يمكنك تخصيصها باستخدام محرر جوتنبرج دون أي تعديلات في CSS. لديها أكثر من 5,000 تثبيت نشط وتقييم 4.8/5.*
مع GutSlider، يتم التركيز على السرعة وسهولة الاستخدام. بدلاً من استخدام jQuery، المعروف بإبطاء أوقات تحميل الصفحة بسبب حجم ملفه الثقيل، تستخدم GutSlider تقنية Swiper JS مع الحد الأدنى من CSS. يتم تحميل السكربتات والأنماط فقط عندما يتفاعل المستخدم معها. نظراً لأن مكونات شريط التمرير مبنية باستخدام مكونات جوتنبرج، يمكنك ضبط الإعدادات مباشرةً داخل لوحة تحكم تحرير ووردبريس الخاصة بك.
يتضمن الإصدار المجاني من GutSlider دعماً لأشرطة التمرير الأساسية، بما في ذلك عروض الصور المتحركة (photo carousels)، وأشرطة التمرير الرئيسية (hero sliders)، وأشرطة تمرير آراء العملاء والشعارات، وعروض الفيديو المتحركة، وأشرطة تمرير منشورات المدونة، والسرادقات (marquees). تمنحك الترقية إلى الإصدار الاحترافي (Pro) خيارات أكثر بكثير، بما في ذلك عروض المنتجات المتحركة، وأشرطة التمرير ثلاثية الأبعاد، وأشرطة التمرير المتحركة/الديناميكية.
بينما تدعي GutSlider أنها تعمل مع جميع قوالب المكونات والقوالب الكلاسيكية، فقد اقتصر الاختبار على قوالب ووردبريس الأكثر شيوعاً. إذا كنت تستخدم قالباً أقل شهرة، فقم باختبار الإضافة بدقة قبل دمجها في موقعك. يقتصر الدعم على منتدى ووردبريس الخاص بالإضافة، دون أي ضمان للحصول على استجابة سريعة.
5. Soliloquy
تُعد Soliloquy إضافة شريط تمرير يدعم السحب باللمس لووردبريس. إنها توفر أشرطة تمرير مجانية لأي استخدام تقريباً، بما في ذلك عروض الصور والفيديو المتحركة، ومنشورات إنستغرام وبينتريست، وملفات PDF. تستخدم محرر السحب والإفلات، لذلك لا تحتاج إلى أي خبرة في البرمجة لاستخدامها، ويتوفر أيضاً التصميم المتقدم باستخدام CSS.
تم تثبيت Soliloquy على أكثر من 30,000 موقع ويب ويبلغ متوسط تقييمها 4.7/5.* يقول العملاء إن التنقل فيها سهل وتندمج بسلاسة مع واجهة مستخدم ووردبريس.
بضع ميزات تجعل Soliloquy تبرز عن غيرها. إحداها هي أداة حماية الصور الخاصة بها، والتي تمنع الزوار من تنزيل نسخ من صورك. يعد هذا خياراً مرحباً به للمصورين والمصممين الذين يرغبون في حماية أعمالهم. تشمل الميزات الأخرى غير الشائعة شرائح HTML المخصصة، والتي تعد مثالية للاقتباسات، ودعم العرض المبسط (lightbox)، الذي يسمح للمستخدمين بعرض الصور في وضع ملء الشاشة.
العيب الرئيسي في Soliloquy هو تكلفتها. تتوفر الميزات الأساسية في الإضافة المجانية، ولكنك ستحتاج إلى الترقية إلى خطة مدفوعة للوصول إلى قوالب شريط التمرير، وCSS المخصص، وحماية الصور، وأشرطة التمرير المتحركة/الديناميكية. على عكس الحلول الأخرى، لا تقدم Soliloquy خيار الشراء مدى الحياة؛ بل يجب على المستخدمين الدفع سنوياً.
قم بتسريع تخطيطاتك المرئية باستخدام أداة واجهة شريط تمرير صور بدون خادم
بعد تجربة عدد قليل من إضافات ووردبريس، من المحتمل أن تتوصل إلى بعض الاستنتاجات: الميزات الأقوى مخفية خلف جدران الدفع، والأدوات ليست متوافقة دائماً مع القالب الخاص بك. لهذا السبب نوصي بـ أداة واجهة شريط تمرير الصور من Jotform كأفضل إضافة شريط تمرير لووردبريس.
تتعامل أداتنا مع انتقالات الصور والرسوم المتحركة لعرض الكاروسيل في بيئة مستضافة سحابياً وخارج الخادم، بحيث لا تؤثر على مؤشرات أداء الويب الأساسية (Core Web Vitals) الخاصة بك. يتم تحميل الصفحات بسرعة وتتكيف بشكل مثالي على الأجهزة المحمولة. كما أنك لست مضطراً للقلق بشأن التشققات في تخطيط القالب الخاص بك عندما يصدر ووردبريس تحديثاً أساسياً جديداً.
بدلاً من إثقال لوحات تحكم ووردبريس الخاصة بك بإضافات عشوائية، استكشف أدوات واجهة مواقع الويب من Jotform. ستجد أكثر من 150 أداة تعمل على تحسين واجهة موقعك، مثل أداة معرض الفيديو و أداة النوافذ المنبثقة الخاصة بنا. تستغرق هذه الأدوات بضع دقائق فقط لإعدادها وتندمج بسلاسة في موقعك.
نحن نقدم أيضاً تكامل ووردبريس مع Jotform بالكامل. من خلاله، يمكنك الوصول إلى نماذج ووردبريس التي تتيح لك جمع بيانات العملاء والمدفوعات بسهولة.
إن تعلم كيفية استخدام ووردبريس صعب بما فيه الكفاية. تعمل Jotform على تبسيط المهام الشاقة حتى تتمكن من التركيز على توجيه العملاء إلى موقعك الإلكتروني. قم بإنشاء حساب مجاني لتبدأ في استكشاف Jotform اليوم!
* تعكس التقييمات وأرقام التثبيت الإحصائيات وقت الكتابة.
هذا المقال مخصص لمالكي مواقع ووردبريس، والمصورين، والعلامات التجارية للتجارة الإلكترونية، ومنسقي معارض الأعمال، ومصممي الويب الذين يرغبون في عرض صور متحركة جميلة أو لافتات دوارة على مواقعهم دون إبطاء سرعات التحميل أو التسبب في تغييرات بالتخطيط المرئي.
كتابة تعليق: