كيفية صنع شريط تمرير بدون مكون إضافي. الطريق السهل. ووردبريس. البرنامج المساعد المنزلق Wp صورة للجوال

1. البرنامج المساعد مسج "فريسكو"

معرض jquery سريع الاستجابة (يتم تغيير حجمه عند تغيير دقة الشاشة)، ويتم عرضه في نافذة منبثقة تحتوي على صور مصغرة وتعليقات توضيحية للصور. يعمل معرض Jquery "Fresco" بشكل صحيح في معظم المتصفحات بما في ذلك: IE6+، Firefox 3+، Chrome 5+، Opera 9+. لا يمكن استخدام النسخة المجانية من هذا البرنامج المساعد إلا في المشاريع غير التجارية.

2. شريط التمرير "المحول".

شريط التمرير مع تأثيرات انتقالية مختلفة (7 تأثيرات مختلفة، بما في ذلك 3D). المشروع على جيثب.

3. البرنامج المساعد المنزلق مع تأثيرات مختلفة "jQ-Tiles"

البرنامج المساعد مع تأثيرات انتقالية مختلفة، وسرعة الشريحة القابلة للتخصيص، ووظيفة التمرير التلقائي.

4. البرنامج المساعد مسج "ماكر"

البرنامج المساعد لتنفيذ سكرولر الرأسي والأفقي. المشروع على جيثب.

5. قائمة الرسوم المتحركة CSS3 "Makisu".

6. عرض شرائح بسيط

7. شريط تمرير jQuery الوظيفي "iView Slider v2.0"

شريط تمرير/عرض شرائح المحتوى (لا يمكن أن تحتوي الشريحة على صور فحسب، بل أيضًا على مقاطع فيديو ومحتويات HTML أخرى). للتنقل، يمكنك استخدام: الصور المصغرة، والأزرار اليسرى/اليمنى، واستخدام لوحة المفاتيح. المشروع على Github.com.

8. مجموعة من ملحقات jQuery "Vanity"

تتضمن المجموعة 7 مكونات إضافية: jSlider، وjTabs، وjPaginate، وjSpotlight، وjTip، وjPlaceholder، وjCollapse. ستساعدك مجموعة من هذه الحلول على تنفيذ شريط التمرير وتلميحات الأدوات وعلامات التبويب وأوصاف الصور المنبثقة وما إلى ذلك.

9. تحوم تأثير CSS3

10. القائمة المنسدلة لـ CSS3

11. شريط تمرير iOS

شريط تمرير مصمم للعمل على الأجهزة المحمولة.

12. مؤشر تحميل CSS3

13. تأثير التحويم CSS3

14. البرنامج المساعد jQuery "أداة تلوين المنتج".

يعد المكون الإضافي حلاً سهلاً لعرض المنتجات بخيارات ألوان مختلفة (ذات صلة، على سبيل المثال، بمتاجر الملابس عبر الإنترنت للسماح للزائرين باختيار نظام ألوان المنتج من عدة خيارات). لكي يعمل البرنامج الإضافي، تحتاج فقط إلى صورتين لكل منتج (سيتم تطبيق جميع الألوان كقناع). يعمل المكون الإضافي في جميع المتصفحات الرئيسية، بما في ذلك IE7+ (سيعمل أيضًا في IE6 إذا قمت بإصلاح عرض شفافية PNG). المشروع على جيثب.

15. الرسوم البيانية المتحركة CSS3

16. قم بإنشاء تأثير تراكب عند النقر على الصورة

عندما تنقر على صورة ما، فإنها تصبح داكنة، وتنتقل إلى الخلفية، وتظهر العناصر ذات التسميات التوضيحية. بهذه الطريقة يمكنك تقديم وصف مختصر للعناصر الموجودة في الصورة.

17. التنقل في الصفحة كقائمة منسدلة

حل لتنفيذ التنقل المريح للمستندات في شكل قائمة منسدلة. يتم تثبيت المحتوى في أعلى الشاشة ويظل دائمًا في مجال رؤية المشاهد. عند تحديد قسم في القائمة، يتم تمرير الصفحة بسلاسة إلى الجزء المحدد من المستند.

18. معرض CSS3 مع تأثير التمرير

عند تحريك مؤشر الماوس فوق الصورة، تتغير الصور بسرعة. يتم تنفيذ المعرض في نسختين: مع وصف للصور التي تظهر بعد أن يقوم الزائر بتحريك المؤشر بعيدًا عن المعرض وبدون وصف.

19. منزلق jQuery مع تأثير Parallax

20. الرسوم المتحركة CSS3 عند المرور فوق الكتل

21. لوحة CSS3 jQuery المنبثقة

انقر على السهم الموجود أسفل الشاشة في الصفحة التجريبية لرؤية الأيقونات المنبثقة.

22. معرض صور HTML5 مجاني "Juicebox Lite"

معرض صور جديد وظيفي للغاية للموقع. يمكن أن يكون المعرض مع أو بدون صور مصغرة، مع أو بدون وصف للصورة، ويمكن توسيعه إلى وضع ملء الشاشة أو عرضه على صفحة ذات أبعاد ثابتة. في الصفحة التجريبية، يمكنك اختيار طريقة عرض المعرض التي تريدها. نسخة مجانية من المعرض متاحة للتنزيل. سيتعين عليك الدفع مقابل المزيد من الوظائف المتقدمة ولإزالة شعار المطور.

23. البرنامج المساعد "JQVMap"

24. منزلق CSS3 مع تأثير المنظر

25. معرض الصور jQuery مع الصور المصغرة

تتغير أحجام المعرض والصور والصور المصغرة المستجيبة مع حجم نافذة المتصفح.

26. البرنامج المساعد لشريط تمرير محتوى jQuery "Horinaja"

البرنامج المساعد سهل التثبيت، وقابل للتخصيص، ومتوافق مع جميع المتصفحات. أي محتوى HTML، وليس الصور فقط، يمكن أن يكون بمثابة شريحة. يمكنك تمرير الشرائح باستخدام عجلة الماوس أثناء وجود المؤشر على منطقة الشريحة.

27. البرنامج المساعد لشريط تمرير jQuery "Pikachoose"

في ثلاثة أشكال: تنفيذ تغيير بسيط للصور بدون أوصاف وصور مصغرة؛ شريط التمرير مع تعليق الصورة والصور المصغرة؛ شريط تمرير يحتوي على صور مصغرة وفتح إضافي لصورة أكبر في نافذة منبثقة بتأثير FancyBox. يمكن دائمًا العثور على أحدث إصدار على Github.

28. العديد من أنماط CSS المخصصة للقوائم المنسدلة

خمسة أنماط مختلفة للقوائم المنسدلة باستخدام تقنيات CSS مختلفة.

29. قائمة المطعم ذات التأثير المتحرك ثلاثي الأبعاد

عرض مثير للاهتمام لـ CSS jQuery للمعلومات على الصفحة. من خلال النقر على الرابط، يتم فتح كتيب القائمة ويمكن للزائر قراءة المزيد عن الأطباق المقدمة في نافذة منبثقة. لا يتم عرض الرسوم المتحركة بشكل صحيح في IE.

30. البرنامج المساعد "Elastislide".

تنفيذ دائري مطاطي متكيف (صور دائرية عمودية وأفقية) ومعرض للصور. يؤدي تقليص نافذة المتصفح إلى تقليل عدد الصور إلى حد أدنى معين ثم تغيير حجم الصور المتبقية. المشروع على جيثب.

31. شريط التمرير الجديد CSS3 jQuery "Slit Slider"

مكون إضافي لشريط التمرير التكيفي (يمكن ضبط العرض كنسبة مئوية وسيتم تغيير حجمه تلقائيًا) في نمطين مع تأثير متحرك مثير للاهتمام عند تغيير الشرائح (يتم قطع الشريحة إلى النصف وتتحرك في اتجاهات مختلفة، وتحل مكانها شريحة جديدة ). التنقل باستخدام لوحة المفاتيح ممكن. أحدث إصدار موجود دائمًا على Github.

32. إصدار جديد من شريط تمرير الصور ثلاثي الأبعاد “Slicebox”

إصدار جديد مع التغييرات التي تم إجراؤها وإضافة ميزات جديدة: الآن أصبح شريط التمرير ثلاثي الأبعاد قابلاً للتطوير، ويمكنك رؤية ذلك عند تصغير نافذة المتصفح؛ وأضاف دعم فايرفوكس. يمكنك بالفعل استخدام محتوى HTML في وصف الشريحة (في السابق، تم سحب الوصف من سمة الارتباط دون القدرة على استخدام علامات HTML فيه). في الصفحة التجريبية يمكنك رؤية 4 خيارات لاستخدام البرنامج المساعد. أحدث إصدار موجود على Github.com.

التأثير مشابه جدًا لمعرض Flash 3D CU3ER (عرض توضيحي، تنزيل)، فقط شريط التمرير ثلاثي الأبعاد هذا مصنوع ليس باستخدام تقنيات الفلاش، ولكن باستخدام جافا سكريبت.

33. البرنامج المساعد مسج "PFold"

الحل التجريبي. يطبق البرنامج المساعد تأثيرًا ثلاثي الأبعاد يحاكي فتح الملاحظة. خيارات تصميم متنوعة: بثلاثة فروق، مع فروقتين، وحيرة مع توسيط لاحق للورقة النقدية المكشوفة.

34. البرنامج المساعد مسج "عاصف"

مكون إضافي للتنقل عبر المحتوى، مثل الصور. عندما تقوم بالتمرير عبر الصور، فإنها تتطاير في اتجاهات مختلفة (التأثير يذكرنا إلى حد ما بتوزيع البطاقات في لعبة البوكر). للتنقل، يمكنك استخدام الأزرار اليسرى/اليمنى أو شريط التمرير (راجع الخيارات المختلفة في الصفحة التجريبية). المشروع على

إن العثور على شريط تمرير جيد لـ WordPress ليس بالمهمة السهلة. تشير أحدث البيانات إلى وجود 690 مكونًا إضافيًا لشريط التمرير لـ WordPress. من لديه الكثير من الوقت لتعلم كل مكون إضافي؟

لمساعدتك على فصل القمح عن القشر، إليك مراجعة وتقييم لأكثر 10 ملحقات مجانية لعرض الشرائح شيوعًا تم اختيارها من هذه القائمة. تم تحديث أشرطة تمرير الصور هذه مؤخرًا إلى حد ما وقد تلقت جميعها تعليقات من مستخدمي WordPress.

ما البرنامج المساعد لعرض الشرائح الذي تستخدمه؟ اخبرنا في التعليقات أدناه.

Meta Slider - شريط تمرير لـ WordPress

ميتا سلايدريعد منزلق WordPress الأكثر شعبية إلى حد بعيد مع أكثر من 2 مليون عملية تنزيل.
يحتوي على أربعة أشرطة تمرير jQuery - Nivo Slider (سريع الاستجابة، 16 مؤثرًا انتقاليًا، أربعة سمات)، Coin Slider (أربعة تأثيرات انتقالية)، Flex Slider 2 (سريع الاستجابة، مؤثران انتقاليان، وضع دائري)، شرائح سريعة الاستجابة (سريعة الاستجابة، تأثير التلاشي فقط) .
يعد إنشاء عرض شرائح جديد أمرًا سهلاً - أضف صورة، وحدد شريط التمرير الذي تريد استخدامه، وسيقوم المكون الإضافي بإصدار رمز قصير يمكنك إضافته في أي مكان على موقعك.
هناك أيضًا إصدار احترافي من هذا البرنامج الإضافي إذا كنت تريد دفع المال مقابل ميزات إضافية.

تخفيف المنزلق

مع ما يقرب من 650.000 عملية تنزيل، تخفيف المنزلق لايت- البرنامج المساعد المنزلق الثاني الأكثر شعبية.

يسمح لك هذا البرنامج الإضافي خفيف الوزن بتعيين حجم ومدة شريط التمرير الخاص بك ويتضمن القدرة على جعل عرض الشرائح الخاص بك تفاعليًا. له تأثيران انتقاليان، تأثير التلاشي. كما هو الحال مع العديد من أشرطة التمرير الأخرى، يجب عليك استخدام رمز قصير لإضافة شريط التمرير الخاص بك إلى منشور أو صفحة.
يمكنك إنشاء عرض شرائح واحد فقط باستخدام هذا البرنامج الإضافي، لذا إذا كنت تريد الحصول على المزيد على موقعك، فسيتعين عليك البحث في مكان آخر.

منزلق سلس

منزلق سلسينشئ عروض شرائح للمحتوى والصور بخلفيات مخصصة وتباعد بين الشرائح التي يمكن وضعها في أي مكان على موقعك.
تتضمن ميزات البرنامج المساعد تصميمًا سريع الاستجابة وستة تأثيرات انتقالية. كما أنه يدعم شريط التمرير المخصص والفئة وأحدث أشرطة تمرير المنشورات، ويتضمن علامات القالب والرمز القصير والقطعة.
أحدث إصدار من هذا البرنامج المساعد لا يعمل دائمًا بشكل صحيح؛ عند تكوينه، قد يعطل تشغيل الموقع. إذا حكمنا من خلال صفحة دعم Smooth Slider، فقد واجه العديد من المستخدمين مشكلات مع هذا المكون الإضافي.

واو سلايدر

واو سلايدرمن غير المعتاد أن تحتاج إلى تنزيل برنامج منفصل، وهو معالج WOWSlider، لإنشاء عرض شرائح. بمجرد تحديد الصور لعرض الشرائح الخاص بك، يمكنك بعد ذلك تحميلها إلى البرنامج المساعد. ستحتاج إلى نسخ الرمز القصير ولصقه لإضافة شريط التمرير في أي مكان على موقعك.
يتضمن موقع الويب الخاص بالمكون الإضافي بعض الوثائق الشاملة جدًا لمساعدتك إذا واجهت أي مشكلات.

vSlider شريط تمرير الصور المتعددة لـ WordPress

vSliderيسمح لك بعرض عدد غير محدود من أشرطة تمرير الصور على موقعك، على الرغم من أن عدد أشرطة التمرير "كثيرة جدًا"؟
يمكنك تضمين أشرطة التمرير على موقعك باستخدام رمز قصير أو عنصر واجهة مستخدم مخصص أو استخدامه كميزة في القالب الخاص بك.
يحتوي المكون الإضافي على أسئلة وأجوبة مفيدة وفيديو تعليمي يشرح لك كيفية إعداد شريط التمرير الأول. إذا كان لديك أي مشاكل، فالمنتدى متاح لك أيضًا.

SlideDeck 2 Lite شريط تمرير المحتوى سريع الاستجابة

SlideDeckهو مكون إضافي شائع ومتعدد الاستخدامات وله وظائف متقدمة مقارنة بالمكونات الإضافية السابقة.
لا يتضمن هذا الإصدار البسيط المجموعة الكاملة المكونة من 14 مصدرًا للمحتوى مثل Facebook وNexGEN وGallery المتوفرة في الإصدار المميز.
ومع ذلك، فإن الإصدار Lite سيسمح لك بإنشاء عروض شرائح بسرعة من أي محتوى، مثل الصور والتسجيلات ومقاطع الفيديو.

EasyRotator لـ WordPress – البرنامج المساعد Slider

EasyRotatorيعد المستخدمون بالحصول على "أدوات تدوير الصور وشرائح التمرير الجميلة والتفاعلية لموقع WordPress الخاص بهم في ثوانٍ"، ولكن في الواقع يتطلب الأمر بعض الإعداد. أولاً، سيتعين عليك تثبيت برنامج Flash لإنشاء الشرائح - أو الدوارات - على جهاز الكمبيوتر الخاص بك، الأمر الذي قد يكون مزعجًا. يمكنك بعد ذلك إنشاء محور دوار جديد في محرر الصفحة أو النشر. يمكنك أيضًا استخدام الرمز القصير لتضمين محور دوار على موقعك أو إضافة محور دوار إلى قالبك باستخدام الوظيفة المناسبة.
بعد كل مشاكل تثبيت برنامج Flash، قد تجد أنه لن يعمل عندما تحاول إعداد شريط التمرير الرئيسي من محرر المشاركات. أظهر القليل من البحث أن هذا البرنامج المساعد لا يعمل مع Safari/Chrome.

شريط تمرير WordPress سريع الاستجابة - Soliloquy Lite

مناجاة النفسيعد أحد أشهر أشرطة التمرير، وذلك لسبب وجيه - فهو سهل التثبيت، ولا تحتاج إلى تنزيل برنامج Flash لإنشاء أشرطة التمرير وتحميلها أو التلاعب بالإعدادات. إنه يعمل فقط.
بمجرد إضافة صورك، اختر حجم شريط التمرير وسرعته، ثم انقر فوق نشر. بعد ذلك، تحتاج إلى نسخ الرمز القصير الناتج إلى أي صفحة أو منشور تريد تثبيت شريط التمرير فيه.
على الرغم من أن هذه نسخة لايت، إلا أنها لا تزال تحتوي على ميزات كافية لتجربتها.

الإعصار المنزلق 2

الإعصار المنزلق 2يعيد أشرطة التمرير إلى الأساسيات. فهو يوفر سهولة التثبيت، ويعرض شريط تمرير بسيط للصور، ويتضمن ميزات مثل التأخير والأحجام وإيقاف التمرير مؤقتًا.
يدعم البرنامج الإضافي الصور وYouTube وVimeo وHTML المخصص وشرائح التمرير المميزة. يمكنك سحب الشرائح لتغيير ترتيبها، وتكون أشرطة التمرير تفاعلية.
يحتوي هذا البرنامج المساعد أيضًا على إصدار احترافي.

شريط التمرير المستجيب

شريط التمرير المستجيبهو مكون إضافي لعرض الشرائح بسيط للغاية ويتطلب بعض التكوين، ولكن هذا يجعله سهل الاستخدام.
تعد إضافة شرائح جديدة أمرًا سهلاً ويمكنك وضعها في أي مكان على موقعك باستخدام رمز قصير أو داخل المظهر الخاص بك باستخدام الوظيفة المناسبة.
تتيح لك الإعدادات تغيير عرض شريط التمرير وارتفاعه وإضافة تأثير انتقال وتأخير ومدة الرسوم المتحركة والبدء التلقائي.
تم تصميم هذا المكون الإضافي لشريط تمرير واحد فقط، لذلك إذا كنت تريد تثبيت شرائح تمرير متعددة على موقعك، فسيتعين عليك استخدام مكون إضافي آخر.

المنزلق الذكي 3

ربما يكون Smart Slider 3 هو أفضل شريط تمرير لـ WordPress. مكون إضافي قوي جدًا يحتوي على مجموعة ضخمة من الأدوات لإنشاء عروض الشرائح، والتي يمكنك استخدامها وفقًا لتقديرك، اعتمادًا على الموقف. هناك قاعدة بيانات كبيرة من أشرطة التمرير الجاهزة وتأثيرات الانتقال الجميلة. يمكنك إنشاء صفحات مقصودة كاملة باستخدام أشرطة التمرير فقط، ولكن هذا موجود بالفعل في إصدار Smart Slider 3 Pro. ولكن عندما تواجه هذا البرنامج المساعد لأول مرة، فمن المرجح أن تواجه صعوبات في العمل معه. نظرًا لأنه من السهل جدًا الخلط بين عدد كبير من علامات التبويب والإعدادات.

الأكثر شعبية وأفضل المنزلق
وهناك فائزان: ميتا سلايدرو المنزلق الذكي 3.

ميتا سلايدرليس فقط البرنامج المساعد المنزلق الأكثر تنزيلًا، ولكنه حصل أيضًا على أعلى تصنيف من المستخدمين.
إنه سهل الاستخدام، ويتمتع بتوازن جيد بين الميزات والوظائف - وكل ذلك مجاني.

vSlider منزلق الصور المتعددة,سلايد ديك 2 لايتو مناجاة لايت- أيضًا مكونات إضافية رائعة لشريط التمرير إذا كان موقعك مثقلًا بالصور وتريد إنشاء الكثير من أشرطة التمرير. تستهدف هذه المواضيع الثلاثة المحترفين جذب العملاء - تحقيق المزيد من المبيعات - من خلال المنتجات المجانية.

إذا كنت تريد فقط شريط تمرير بسيط للغاية بدون كل الأجراس والصفارات، فإن Cyclone Slider 2 هو بالتأكيد الخيار المناسب لك، إنه شريط تمرير رائع يسهل تخصيصه ولا يثقله عدد لا يحصى من الإعدادات والخيارات.

ولكن إذا كنت بحاجة لاحقًا إلى شريط تمرير يحتوي على المزيد من الوظائف والقدرة على وضع عدة أشرطة تمرير على موقعك، فلا يمكنك تجاوز Meta Slider.

مرحبا ايها الاصدقاء! اليوم سنتحدث عنه كيفية تثبيت شريط تمرير الصور على موقع ووردبريس.إنشاء وتركيبشريط التمرير بسيط جدًا، و لن يستغرق أكثر من 5 دقائق.

سنقوم بإنشاء شريط تمرير باستخدام البرنامج الإضافي Meta Slider، والذي يعد بدوره أحد أكثر الملحقات شيوعًا حرالإضافات (أكثر من 500,000+ المنشآت النشطة).

توصيل في سكانها ينالون الجنسية الروسية تماما، وهي أيضًا ميزة إضافية مهمة.

لذلك، دعونا نبدأ!

1. قم بتثبيت وتفعيل البرنامج المساعد Meta Slider.

2. بعد تفعيل البرنامج المساعدمن اللوحة الإدارية اذهب إلى "ميتا سلايدر".

3. انقر على "علامة زائد".

5. الآن نقوم بإنتاج ما يلزم إعدادات البرنامج المساعد، والتي، بالمناسبة، هناك الكثير جدًا (وهذا خبر سار).

لا أرى أي فائدة في الكتابة عن كافة الإعدادات، لأنها كلها سكانها ينالون الجنسية الروسية تماماويجب ألا تكون هناك أسئلة عنها. بالإضافة إلى الإعدادات القياسية لحجم شريط التمرير والتأثيرات والتصميم وما إلى ذلك. بامكانك ايضا اختر واحدًا من أربعة أنواع من أشرطة التمرير(Flex Slider، R. Slides، Nivo Slider، Coin Slider).

6. بعد تحميل الصور وإعداد شريط التمرير، كل ما تبقى هو أبسط شيء هو إضافة شريط تمرير إلى الموقع.

هناك ثلاث طرق للقيام بذلك: باستخدام الرمز القصير العادي(إذا كنت بحاجة إلى إضافة شريحة إلى الصفحة)، عن طريق إدراج الكود في القالب واستخدام الزر "إضافة شريط تمرير". لإضافة شريط تمرير إلى الصفحة، انسخ الكود الموجود في الكتلة "الاستخدام"،والصقه في أي صفحة أو مشاركة.

لإدراج شريط التمرير في القالب، انتقل إلى علامة التبويب "أدخل في القالب"، انسخ الكود وأضفه إلى ملف القالب الذي تريد عرض شريط التمرير فيه.

إضافة شريط تمرير إلى الصفحة باستخدام زر "إضافة شريط تمرير"أسهل طريقة. انقر فوق الزر، وحدد شريط التمرير الذي تم إنشاؤه وانقر فوقه "إدراج عرض الشرائح."

إذا رغبت في ذلك، يمكنك إضافة شريط التمرير و إلى الشريط الجانبي. للقيام بذلك، انتقل إلى المظهر -> الحاجياتواستخدام القطعة "ميتا سلايدر".

وهذا هو شريط التمرير النهائي:

كما ترون، لا يوجد شيء معقد على الإطلاق! إضافة شريط التمرير في ووردكافٍ مهمة سريعة وسهلة. إذا كان لديك أي أسئلة، فلا تتردد في الكتابة في التعليقات.

مرحبا ايها الاصدقاء! سنتحدث اليوم عن كيفية تثبيت شريط تمرير الصور على موقع WordPress. يعد إنشاء شريط التمرير وتثبيته أمرًا بسيطًا للغاية ولن يستغرق أكثر من 5 دقائق. كيفية تثبيت شريط تمرير الصور في WordPress سنقوم بإنشاء شريط تمرير باستخدام المكون الإضافي Meta Slider، والذي يعد بدوره أحد المكونات الإضافية المجانية الأكثر شيوعًا (أكثر من 500000+ عملية تثبيت نشطة). البرنامج المساعد هو سكانها ينالون الجنسية الروسية بالكامل، وهو ما يعد أيضًا ميزة إضافية مهمة. لذلك، دعونا نبدأ! 1. قم بتثبيت وتفعيل البرنامج المساعد Meta Slider. 2. بعد تفعيل المكون الإضافي، انتقل إلى "Meta Slider" من اللوحة الإدارية. 3. انقر على علامة الزائد. 4. بعد ذلك، انقر فوق الزر "إضافة شريحة" وقم بتحميل (أو اختر من بين الصور التي تم تنزيلها بالفعل) للشريحة. يضيف…

مراجعة

تقييم الدرس الخاص بإضافة شريط التمرير إلى الموقع

100

لموقع ووردبريس الخاص بك؟ هل سئمت من اختبار المئات من المكونات الإضافية التي تحاول العثور على أفضلها؟ عظيم، فأنت على الطريق الصحيح. في هذه المقالة، سنقوم بمقارنة المكونات الإضافية الأربعة الأكثر شيوعًا التي تسمح لك بتوصيل أشرطة التمرير في WordPress، مع الإشارة إلى سرعتها وسهولة استخدامها وميزات أخرى. سيكون الغرض من اختبارنا هو العثور على أفضل مكون إضافي لتنفيذ شريط التمرير في WordPress.

ينمو العديد من قراء موقعنا بسرعة من مستوى المبتدئين وينتقلون إلى تخصيص الموضوع. أحد الأسئلة الأكثر شيوعًا التي يطرحها قراؤنا هو: ما هو أفضل شريط تمرير لـ WordPress؟ سنحاول في هذه المقالة الإجابة على هذا السؤال من خلال مقارنة أشرطة التمرير الشائعة من حيث الأداء والجودة.

مشكلة سلايدر ووردبريس

الغالبية العظمى من أشرطة تمرير WordPress بطيئة جدًا. إذا لم يتم ترميزه بشكل جيد، فيمكن أن يؤدي شريط التمرير إلى زيادة وقت تحميل صفحاتك بشكل كبير. استكمل هذا مع ليست أفضل استضافة WordPress، ويمكن أن ينتهي بك الأمر إلى موقف حيث سيعمل الخادم الخاص بك مثل الحلزون.

سبب آخر للشر مع أشرطة تمرير WordPress هو سهولة الاستخدام. معظم أشرطة التمرير مليئة بالخيارات وتأتي مع وثائق ضخمة للمبتدئين.

يجب عليك أيضًا التأكد من استجابة شريط التمرير. لسوء الحظ، معظم المتزلجون ليسوا كذلك.

هل من الممكن حقًا اختبار مئات من أشرطة التمرير والتحقق من كل هذه النقاط؟ لا، ولا تحتاج إلى القيام بذلك. لقد أجرينا الاختبار لك، وستكتشف أدناه أي شريط تمرير هو الأفضل من جميع النواحي. أكمل القراءة.

المتنافسون على لقب أفضل شريط تمرير لـ WordPress

في هذه المقالة، اخترنا أربعة مكونات إضافية شائعة يوصي بها العديد من المستخدمين الذين يستخدمون أشرطة التمرير في WordPress. ومن خلال بحثنا، وجدنا أن هذه المكونات الإضافية هي الأكثر استخدامًا. قررنا إجراء بعض الاختبارات البسيطة لفهم كيفية عمل كل منها. المعايير التي اخترنا من خلالها المكونات الإضافية: السرعة وسهولة الاستخدام وتوافر الميزات والتوافق.

سرعة

يعد وقت تحميل الصفحة وسرعته عاملاً مهمًا عند اختيار شريط التمرير المناسب لموقع WordPress. كما ذكرنا سابقًا، لا يؤدي موقع الويب البطيء إلى تعطيل تجربة المستخدم فحسب، بل يقلل أيضًا من تصنيفات محرك البحث الخاص بك. ولهذا السبب فإن سرعة شريط التمرير هي الأولوية الأولى في اختباراتنا.

كما ترون، مناجاة هو أسرع شريط تمرير على الإطلاق في اختباراتنا. والسبب في ذلك هو أن البرنامج المساعد يتميز بكود محسّن.

يستخدم البرنامج المساعد أيضًا خدعة صغيرة لطيفة. يقوم بتحميل الشريحة الرئيسية، وبعد ذلك يتم تحميل بقية الشرائح بشكل غير متزامن. هذا النهج سريع ليس فقط في الاختبارات، ولكن أيضًا في التطبيق الحقيقي على الموقع - سيلاحظ زوار موقعك سرعة فتح الشرائح.

إذا كنت تريد موقعًا إلكترونيًا يتمتع بأداء عالٍ، فإن شريط تمرير Soliloquy هو الخيار الأمثل لك.

سهولة الاستعمال

إن إنشاء أشرطة التمرير ليست عملية بسيطة كما نعتقد. تتمثل المهمة الرئيسية لهذا القسم في العثور على مكون إضافي يمكن حتى للمبتدئين التعامل معه. وهذا يعني أنه يجب على المستخدمين إنشاء أشرطة التمرير بسرعة وسهولة.

مناجاة النفس

لقد اختبرنا العديد من أشرطة التمرير الخاصة بـ WordPress، لكننا لم نعثر على أي مكونات إضافية بسيطة مثل Soliloquy. يعد تثبيت البرنامج المساعد وإنشاء الشرائح فيه خطوات بسيطة بشكل مدهش.

لماذا هو سهل الاستخدام؟ الجواب واضح: فهو يتبع نصائح البرمجة الأساسية ويتناسب تمامًا مع واجهة إدارة WordPress الأصلية. يحتوي شريط التمرير على واجهة مستخدم بسيطة وبديهية تسمح لك بإنشاء شرائح باستخدام أداة تحميل الوسائط القياسية في WordPress.

يشتمل البرنامج الإضافي على رموز قصيرة بسيطة، وعلامات القالب، وزر في محرر المشاركات، وأداة تسمح لك بإضافة الشرائح الخاصة بك إلى أقسام مختلفة من موقع الويب.

SlideDeck

SlideDeck هو ثاني أسهل مكون إضافي وجدنا أنه يمكن استخدامه. يعد إنشاء عرض شرائح جديد في SlideDeck أمرًا سهلاً للغاية، ويمكنك بسهولة إضافة العديد من الشرائح. يمكنك أيضًا إنشاء عروض شرائح عن طريق إضافة محتوى من الموارد الديناميكية: Flickr وVimeo وYouTube.

يحتوي البرنامج المساعد على العديد من الإعدادات للتحكم في سلوك عرض الشرائح الخاص بك. هناك إمكانية للمعاينة المباشرة. تعد واجهة إدارة SlideDeck مربكة بعض الشيء وتبدو في غير مكانها في بيئة WordPress. ومع ذلك، من المهم ملاحظة أنه من وجهة نظر التصميم، فإن الواجهة جميلة جدًا.

نعتقد أن المبتدئين سيكونون قادرين على إنشاء عروض شرائح بسرعة وسهولة باستخدام SlideDeck.

بشكل افتراضي، شرائح SlideDeck ليست مستجيبة، ولكن هناك حل سهل: إما أنك تحتاج إلى جعلها مستجيبة عند التحرير أو إضافة ress=1 إلى الرمز القصير الخاص بك وسيتم حل المشكلة.

نيفو سلايدر

يعد إنشاء شريط تمرير باستخدام Nivo Slider عملية بسيطة. يمكنك تحديد الصور من برنامج تنزيل الوسائط وتنزيل صور مختلفة. يمكنك أيضًا تغيير ترتيب الشرائح. من خلال واجهة مشابهة لبرنامج التحميل، يمكنك إضافة التسميات التوضيحية والروابط والنص البديل إلى الشرائح الخاصة بك. يحتوي المكون الإضافي على رموز قصيرة وعلامات قالب تتيح لك إضافة شريط تمرير إلى المشاركات والصفحات والقوالب.

لا يدعم Nivo Slider الفيديو أو أنواع الوسائط الأخرى. يسمح لك البرنامج المساعد فقط بإنشاء عروض شرائح من الصور. يأتي مزودًا بمجموعة رائعة من السمات التي يمكنك استخدامها، بالإضافة إلى العديد من تأثيرات الانتقال. يعد إعداد المكون الإضافي وإنشاء عروض الشرائح وإضافة شرائح إلى المشاركات/الصفحات أمرًا سهلاً وسريعًا للغاية. ومع ذلك، إذا كانت المعلمات والخيارات مهمة بالنسبة لك، فإن Nivo تتخلف بشكل ملحوظ عن SlideDeck 2 وSoliloquy.

شرائح النيزك

عند إنشاء عرض شرائح في Meteor Slides، يتعين عليك تحميل كل شريحة على حدة. يعد هذا مضيعة كبيرة للوقت وقد يجدها العديد من المبتدئين خطوة مربكة للغاية. بعد تثبيت البرنامج المساعد، انتقل إلى قسم الشرائح - إضافة جديد. قم بتسمية الشريحة الفردية عنوانًا، ثم انقر فوق عنصر تعيين الصورة المميزة لتحميل الشريحة التالية.

إذا كنت تريد ربط شريحتك بصفحة، فأدخل عنوان URL. أخيرًا، ستحتاج إلى تحديد عرض الشرائح المناسب من مربع تعريف عرض الشرائح.

لا يمكنك تغيير ترتيب الشرائح في عرض الشرائح. لا يمكنك إضافة شرائح فيديو، ولا يمكنك تعيين نص أعلى الشريحة. كل هذا يقلل بشكل كبير من وظائف Meteor Slide. ومع ذلك، يظل مفيدًا إذا كنت تريد فقط إضافة عرض شرائح.

الاحتمالات

إذا كنت تريد فقط إنشاء عرض شرائح بسيط للصور، فإن Nivo Slider وMeteor Slides هما الخياران المناسبان لك.

ومع ذلك، يسمح لك Soliloquy وSlideDeck 2 بالقيام بالمزيد باستخدام عروض الشرائح الخاصة بك. من حيث الميزات، فإن SlideDeck وSoliloquy قريبان تقريبًا من بعضهما البعض. كلاهما يتمتعان بميزات رائعة ويقدمان مجموعة واسعة من عناصر التحكم في عرض الشرائح الخاصة بك.

نظرًا لبساطته، يعد Soliloquy مثاليًا للمبتدئين الذين يمكنهم فهم إمكانياته وخياراته بسرعة وسهولة. تكون الشرائح في Soliloquy سريعة الاستجابة بشكل افتراضي، لذلك لن يحتاج المستخدمون إلى إضافة خيارات إضافية إلى الرموز القصيرة لجعل شريط التمرير مستجيبًا.

يدعم Slide Deck وSoliloquy أنواعًا مختلفة من المحتوى. يمكنك إضافة الصور والملاحظات والنصوص والوسائط المتعددة إلى الشرائح الخاصة بك. يسمح لك كلا المكونين الإضافيين بتحرير الشرائح الفردية وإضافة معلومات متقدمة مثل التسميات التوضيحية والنص المتراكب وزر الحث على اتخاذ إجراء.

سعر

هناك عامل حاسم آخر يساعد المستخدمين على اتخاذ القرار بشأن اختيار شريط التمرير وهو سعره. وفي هذه الحالة، يكون السعر مقابل ترخيص لموقع واحد. Meteor Slider هو مكون إضافي مجاني، لذا فهو غير مدرج في الجدول.

نتيجة لمقارنة المكونات الإضافية، يمكننا أن نستنتج أن أفضل مكون إضافي لـ WP لإنشاء أشرطة التمرير هو Soliloquy.

يتم تحديد الفائز!

Soliloquy هو أسرع مكون إضافي لإنشاء أشرطة التمرير في WordPress. إنه يلتزم بجميع معايير الترميز، ولديه وثائق ممتازة، وسهل التوسع للمطورين، وسهل الاستخدام، وهو أيضًا الأرخص.

SlideDeck هو الثاني من حيث الوظيفة. بالإضافة إلى ذلك، فهو أبطأ قليلاً من مناجاة النفس.

المتزلجون على ووردسيجعل موقع الويب الخاص بك أكثر ملاءمة وجاذبية. ولكن، لكي لا تضحي بسرعة التحميل، يجب عليك فقط إضافة الأشياء الجيدة إلى الموقع المتزلجون الأمثل. تأكد أيضًا من أن شريط التمرير الخاص بك سيتم عرضه بشكل صحيح على الأجهزة المحمولة.

تحتوي العديد من سمات WordPress على أشرطة تمرير مدمجة، ولكن إذا لم يكن لديك واحدة بعد، فإنني أوصي بهذه القائمة. لقد قمنا هنا بجمع أفضل ملحقات WordPress التي سيضيف شريط تمرير جميل وسريعإلى موقع الويب الخاص بك.

ميتا سلايدر

يستخدم Meta Slider على نطاق واسع لعرض الصور. لتخصيص شريط التمرير، ما عليك سوى سحب الصور الضرورية إلى منطقة العمل. ستساعدك العناصر المضمنة في إعداد عرض شرائح جميل بسرعة، كما يوفر البرنامج الإضافي تأثيرات بصرية متنوعة.

مجانا

ثورة المنزلق

إذا كنت تستخدم سمات WordPress المتميزة، فمن المحتمل أنك سمعت بالفعل عن Slider Revolution. يعد هذا أحد أشرطة التمرير الأكثر شعبية بتصميم جميل وأداء مذهل. سوف يسمح البرنامج المساعد إنشاء شريط التمريرأي أحجام. يحتوي على العديد من الرسوم المتحركة ولوحة الإدارة للإعداد المبسط.

التكلفة: 19 دولارًا

ميجا سلايدر

ميجا سلايدر حديث شريط التمرير التكيفيوالتي يمكنها عرض النصوص أو الصور أو مقاطع الفيديو. يوفر البرنامج الإضافي أداة إنشاء سهلة الاستخدام لإنشاء شريط تمرير بتصميم فريد، دون الحاجة إلى فهم أي تعليمات برمجية.

التكلفة: 18 دولارًا

البطل المتزلج

هذا شريط تمرير مدفوع محسّن جيدًا ويمكن تخصيصه بالكامل ليناسب احتياجاتك. البرنامج المساعد سريع الاستجابة بشكل كامل ويحتوي على مصمم لتحرير التصميم. يمكنك تخصيص الأسهم والأزرار ووضع مقطع فيديو أيضًا على خلفية شريط التمرير.

التكلفة: 18 دولارًا

مناجاة النفس

مناجاة النفس هي واحدة أخرى شريط تمرير عالي الجودة لـ WordPress. يعد إعداد المكون الإضافي أمرًا سهلاً للغاية بحيث يمكن للمستخدمين عديمي الخبرة اكتشافه على الفور.

التكلفة: من 19 دولارًا

سلايدر الأكورديون

تتميز Accordion Sliders بتصميم سريع الاستجابة وأنيق بشكل مثير للإعجاب. يعد شريط التمرير مناسبًا جدًا لعرض الصور. تم تحسين المكون الإضافي بشكل جيد لتحسين محركات البحث، ويعمل بسرعة ويتم تحميله باستخدام تقنية التحميل البطيئة.

التكلفة: 21 دولارًا

المنزلق الذكي 2

المنزلق الذكي 2 هو منزلق مجانيمع مصمم سهل الاستخدام. يحتوي البرنامج الإضافي على لوحة إدارة ملائمة لإدارة معلمات شريط التمرير، كما يسمح لك بوضع شريط التمرير في أي جزء من موقعك وضبط حجمه.

التكلفة: مجاني (إصدار PRO متاح)

المنزلق برو

Slider Pro عبارة عن مكون إضافي متميز كامل الميزات مع مجموعة كاملة من الخيارات لإضافة شريط تمرير وتخصيصه إلى موقع WordPress.

التكلفة: 29 دولارًا

في كل مكان

يعد Allaround مكونًا إضافيًا عالي الجودة ومرنًا لإضافة شريط تمرير يحتوي على كل من مقاطع الفيديو والصور. يمكن وضع شريط التمرير عموديًا ويمكن تخصيص الألوان والخطوط بالكامل. يمكنك تخصيص كافة تفاصيل شريط التمرير، بحيث يكون Allaround مناسبًا لأي موقع.

التكلفة: 18 دولارًا

ماستر سلايدر

يعد Master Slider أحد أكثر أشرطة التمرير شيوعًا على WordPress. وقد تماما تصميم التكيف، تم تحسينه بشكل جيد ويحتوي على أكثر من 25 برنامجًا لسهولة الإعداد. يمكن لشريط التمرير عرض أي نوع من المحتوى، ويمكنك أيضًا إضافة مقطع فيديو إلى الخلفية.

التكلفة: 20 دولارًا

سحابة المنزلق

Cloud Slider عبارة عن شريط تمرير WordPress سريع الاستجابة ويحتوي على 18 سمة مختلفة يمكن تخصيصها بسهولة لتناسب موقعك. مع هذا البرنامج المساعد يمكنك إنشاء أي نوع من شريط التمرير.

التكلفة: 18 دولارًا

منزلق سلس

يعد Smooth Slider أحد أفضل المكونات الإضافية لعرض المحتوى المخصص. يمكن لهذا البرنامج المساعد إنشاء منزلقات بالمشاركاتأو الصفحات أو محتوى الوسائط. إنه ذو تصميم سريع الاستجابة ويحتوي على رسوم متحركة انتقالية سلسة. يتم تثبيت البرنامج المساعد مع لوحة إدارة متعددة الوظائف للتخصيص.

مجانا