هل تريد إضافة شريط تمرير مخصص في ووردبريس ؟ يمكن أن يساعدك تغيير مظهر شريط التمرير في التميز بشكل خاص عند إنشاء قالب مخصصة لموقع الويب الخاص بك.
ويمكنك أيضاً الاطلاع على كيفية إضافة زر التمرير للأعلى في ووردبريس
في هذه المقالة ، سنوضح لك كيفية إضافة شريط تمرير مخصص بسهولة في ووردبريس . سوف نعرض لك حلين ويمكنك اختيار الحل الأفضل لك.
إضافة شريط تمرير
مشاكل متعلقة بألوان شريط التمرير المخصص
بشكل افتراضي ، لا تأتي CSS مع مجموعة قواعد تتيح لك تغيير خصائص شريط التمرير. هناك بعض المقترحات لإضافة هذا ، لكنها غير مدعومة من قبل معظم المتصفحات في الوقت الحالي.
للتغلب على هذا ، يستخدم المصممون والمطورون عناصر pseduo الخاصة بالمستعرض أو JavaScript لتجاوز مظهر شريط التمرير الافتراضي.
سوف نعرض لك الطريقة . ومع ذلك ، ضع في اعتبارك أنه يجب عليك اختبار موقعك باستخدام متصفحات وأجهزة مختلفة للتأكد من أنه يعمل بشكل صحيح على جميع المتصفحات.
ومع ذلك ، دعونا نلقي نظرة على كيفية إضافة ألوان مخصصة لشريط التمرير في ووردبريس .
قم بإضافة شريط تمرير مخصص في ووردبريس باستخدام الإضافة
هذه الطريقة أسهل ويوصى بها لمعظم المستخدمين. ومع ذلك ، فهو لا يدعم متصفحات الجوال.
أولاً ، ما عليك القيام به هو تثبيت وتفعيل الإضافة Advanced Scrollbar.
عند التنشيط ، تحتاج إلى التوجه إلى Settings » Custom Color Scrollbar Settings لتكوين الإضافة.
من هنا ، يمكنك تغيير لون شريط التمرير وألوان خلفية شريط التمرير. يمكنك بعد ذلك تحديد خطوة تمرير الماوس ، وهي سرعة التمرير لعجلة الماوس.
يمكنك أيضًا تحديد ما إذا كنت تريد إخفاء شريط التمرير تلقائيًا أو عرضه دائمًا.
لديك خيار اختيار خيار “Cursor only” الذي سيعرض شريط التمرير وليس الزر.
أسفل ذلك ، ستجد خيارات لضبط سرعة التمرير ، وتغيير محاذاة السكة (يسارًا أو يمينًا) ، وتمكين سلوك اللمس.
لا تنس النقر على زر حفظ التغييرات لتخزين إعداداتك.
يمكنك الآن زيارة موقع الويب الخاص بك لمشاهدة ألوان شريط التمرير المخصص قيد التشغيل.
نأمل أن تساعدك هذه المقالة في تعلم كيفية إضافة شريط تمرير مخصص في ووردبريس .
