كلما كان مظهر موقع الويب أكثر أناقة ، كان تفاعل الجمهور مع المحتوى أفضل ، أليس كذلك؟ في المتوسط ​​، لدينا 3 ثوانٍ فقط لجذب انتباه الزوار في عالم الإرضاء الفوري اليوم.

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

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

كيفية إنشاء شريط التمرير على WordPress

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

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

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

instagram viewer

تحميل:سمارت سلايدر 3

دعنا نستكشف كيف يمكنك استخدام Smart Slider 3 لتصميم شريط تمرير لموقعك على الويب بسلاسة.

أولاً ، قم بتثبيت المكون الإضافي من دليل إضافات WordPress.

1. اذهب إلى لوحة القيادة> المكونات الإضافية> إضافة جديد.

2. البحث عن سمارت سلايدر 3.

3. قم بتثبيت البرنامج المساعد وتنشيطه.

متعلق ب: كيفية إنشاء اختبار أو نموذج استطلاع في WordPress

كيفية إنشاء شريط تمرير باستخدام Smart Slider 3

إليك كيفية إنشاء شريط التمرير.

1. اضغط على سمارت سلايدر الخيار في قائمة لوحة القيادة.

2. انقر فوق الذهاب إلى لوحة القيادة.

3. انقر فوق مشروع جديد.

4. اختر نموذجًا أو أنشئ مشروعًا جديدًا. (سيؤدي اختيار قالب إلى تسهيل تصميم شريط التمرير).

5. من بين القوالب المجانية المتاحة ، اختر واحدًا يناسب احتياجاتك.

6. اختر قالبًا وانقر يستورد.

بمجرد استيراد القالب ، حان الوقت لتخصيصه.

كيفية تحرير وتخصيص شريط التمرير

إليك كيفية تخصيص شريط التمرير.

1. اذهب إلى لوحة القيادة> شريط التمرير الذكي.

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

3. في قسم التحرير ، ستظهر نافذة منبثقة حيث يمكنك تعديل وتخصيص الصورة والخلفية والنص وفقًا لاختيارك.

4. بعد إجراء التغييرات ، انقر فوق يحفظ ومعاينة شريط التمرير مرة واحدة.

شريط التمرير جاهز للعمل.

متعلق ب: كيفية إضافة تسجيل الدخول الاجتماعي إلى WordPress باستخدام Super Socializer

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

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

1. اذهب إلى القائمة الرئيسية> زيارة الموقع.

2. انتقل إلى الصفحة حيث تريد عرض شريط التمرير.

3. انقر تحرير باستخدام Elementor.

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

قم بإضافة أو تحرير شريط التمرير باستخدام Elementor

لإضافة شريط التمرير وتحريره ،

1. انتقل إلى لوحة تحكم Elementor وابحث عن "شريط التمرير الذكي".

2. قم بسحب الأداة وإسقاطها في المكان الذي تريد عرض شريط التمرير فيه.

3. بمجرد إسقاط الأداة في القسم الجديد ، ستظهر نافذة منبثقة. أدخل القالب الذي قمت باستيراده مسبقًا.

تمت إضافة شريط التمرير الذي قمت بإنشائه إلى الصفحة الرئيسية.

أضف شريط تمرير لزيادة معدل المشاركة على موقع الويب الخاص بك

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

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

يشاركسقسقةبريد إلكتروني
أفضل 7 أدوات لاختبار سرعة WordPress

اختبر قوة موقعك واجمع تحليلات مفيدة باستخدام أدوات اختبار سرعة WordPress هذه.

اقرأ التالي

مواضيع ذات صلة
  • برمجة
  • وورد
  • وورد الإضافات
  • تصميم المواقع
نبذة عن الكاتب
ويل إسرار (15 مقالة منشورة)

Will Esrar هو طالب جامعي متحمس لتطوير الويب والتقنيات المستندة إلى الويب. خلال وقت فراغه ، ستجده يستمع إلى البودكاست ويتصفح وسائل التواصل الاجتماعي.

المزيد من Will Esrar

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك