شريط التمرير للأعلى

كيفية إضافة شريط تمرير مخصص في ووردبريس

هل تريد إضافة شريط تمرير مخصص في ووردبريس ؟ يمكن أن يساعدك تغيير مظهر شريط التمرير في التميز بشكل خاص عند إنشاء قالب مخصصة لموقع الويب الخاص بك.

ويمكنك أيضاً الاطلاع على كيفية إضافة زر التمرير للأعلى في ووردبريس

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

شريط التمرير

إضافة شريط تمرير

مشاكل متعلقة بألوان شريط التمرير المخصص

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

للتغلب على هذا ، يستخدم المصممون والمطورون عناصر pseduo الخاصة بالمستعرض أو JavaScript لتجاوز مظهر شريط التمرير الافتراضي.

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

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

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

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

أولاً ، ما عليك القيام به هو تثبيت وتفعيل الإضافة Advanced Scrollbar.

عند التنشيط ، تحتاج إلى التوجه إلى Settings » Custom Color Scrollbar Settings لتكوين الإضافة.

لون شريط التمرير وإعدادات الخلفية
لون شريط التمرير وإعدادات الخلفية

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

يمكنك أيضًا تحديد ما إذا كنت تريد إخفاء شريط التمرير تلقائيًا أو عرضه دائمًا.

لديك خيار اختيار خيار “Cursor only” الذي سيعرض شريط التمرير وليس الزر.

خيارات التمرير
خيارات التمرير

أسفل ذلك ، ستجد خيارات لضبط سرعة التمرير ، وتغيير محاذاة السكة (يسارًا أو يمينًا) ، وتمكين سلوك اللمس.

لا تنس النقر على زر حفظ التغييرات لتخزين إعداداتك.

يمكنك الآن زيارة موقع الويب الخاص بك لمشاهدة ألوان شريط التمرير المخصص قيد التشغيل.

معاينة ألوان شريط التمرير المخصصة
معاينة ألوان شريط التمرير المخصصة

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

أقسام الموقع :

أحتاج مساعدة في :

شراء استضافة

شراء استضافة

كل ما تحتاجه حول شراء استضافة من أية شركة تجده في هذا المقال

اقرأ المزيد
تحميل ووردبريس

تحميل ووردبريس

كل ما تحتاجه حول تحميل منصة ووردبريس وتنصيبها تجده في هذا المقال

اقرأ المزيد

أكثر المقالات قراءةً :

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

مقالات ذات صلة