شروع گفتگوبا مشــــاوریــــن در تلگـــرام@sourcesaazbot
کانال تلگرام سایت صفحه اینستاگرام سایت راهنمای خرید از سایت
در آمدزایی
سورس مدیرت گروه حرفه ای و کامل
سورس ساز
آیا میدانید …
سورس ساز

سورس ساز

سورس فروشگاه ساز پیشرفته
فروشگاه ساز
خرید هاست ربات

نحوه اضافه کردن اسکرول سفارشی در وردپرس

اضافه کردن اسکرول سفارشی در وردپرس – تغییر ظاهر اسکرول پیش فرض مرورگر میتواند نمای زیبا و خاصی به سایت شما بدهد و وبسایت شما از دیگر سایت ها متمایز کند. ما در این آموزش دو روش را برای اینکار کار به شما بیان خواهیم کرد.

اضافه کردن اسکرول سفارشی در وردپرس

روش اول: اضافه کردن اسکرول سفارشی با استفاده از افزونه

این روش ساده تر است و برای اکثر کاربران توصیه می شود. با این حال، از مرورگرهای تلفن همراه پشتیبانی نمی کند.

کاری که باید که باید انجام دهید این است که افزونه Advanced Scrollbar را نصب و فعال کنید.

پس از فعال سازی، در پنل وردپرس به مسیر :  تنظیمات » Custom Color Scrollbar Settings  مراجعه کنید تا افزونه را پیکربندی کنید.

در این بخش شما می توانید رنگ اسکرول و رنگ پس زمینه ردیاب اسکرول را تغییر دهید.

می توانید گام اسکرول را انتخاب کنید، که با سرعت پیمایش غلتک ماوس یکی باشد.

شما همچنین می توانید انتخاب کنید که آیا می خواهید اسکرول را به طور خودکار پنهان کنید یا همیشه آن را نمایش دهید.

بعد از اعمال تغییرات بر روی دکمه ذخیره کلیک کنید و از سایت خود بازدید کنید.

روش دوم : اضافه کردن اسکرول سفارشی به صورت دستی و با استفاده از CSS

این روش از CSS برای ساختن اسکرول شما استفاده می کند که سریعتر از استفاده از jQuery است.

این رورش فقط در مرورگرهای دسکتاپ با استفاده از موتور رندر WebKit مانند گوگل کروم، سافاری، اپرا و غیره کار می کند.

کدهای زی را به فایل استایل قالب خود اضافه کنید :

::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar {
  width: 10px;
}
 
::-webkit-scrollbar-track {
  background: #ffb400;
    border:1px solid #ccc;
}
 
::-webkit-scrollbar-thumb {
  background: #cc00ff;
    border:1px solid #eee;
    height:100px;
    border-radius:5px;
}
 
::-webkit-scrollbar-thumb:hover {
  background: blue;
}

بعد از اعمال تغییرات بر روی دکمه ذخیره کلیک کنید.

امیدواریم از خواندن این مقاله لذت برده باشید.

سورس ساز

دسته بندی : وبلاگ
نویسنده : سورس ساز
تاریخ انتشار : ۰۷ / ۰۵ / ۱۳۹۸
بازدید : 134 بار
لینک کوتاه : https://sourcesaaz.ir/?p=2191
مطلب مفیدی برای شما بود ؟؟ پس به اشتراک بگذارید برای دوستانتان

مطالب مرتبط ...

مشاهده وبلاگ

۱۳ نکته مهم که باید از طراح سایت فروشگاهی خود بخواهید تا برای شما انجام دهد!

13 نکته مهم که باید از طراح سایت فروشگاهی خود بخواهید تا برای شما انجام دهد!

13 نکته مهم که باید از طراح سایت فروشگاهی خود بخواهید تا برای شما انجام دهد! ۱۳ نکته مهم در طراحی سایت فروشگاهی همانطور که می دانید، این روزها تعداد زیادی سایت ...

ادامه توضیحات

آموزش ساخت انیمیشن SVG

آموزش ساخت انیمیشن SVG

با سلام خدمت شما . امروز آموزش ساخت انیمیشن SVG را برای شما عزیزان آماده کرده ایم . امروز این آموزش را آماده کرده ایم تا همگان از این مطلب آموزشی ...

ادامه توضیحات

آموزش افزودن فونت آیکون به قالب وردپرس

آموزش افزودن فونت آیکون به قالب وردپرس

آموزش افزودن فونت آیکون به قالب وردپرس سلام به دوستان عزیز . امروز برای شما آموزش افزودن فونت آیکون به قالب وردپرس را آماده کرده ایم . فونت آیکون ها میشود ...

ادامه توضیحات

تبلیغات سایت

مشاهده تعرفه


دیدگاه کاربران ...

    لطفا قبل از ارسال سئوال یا دیدگاه سئوالات متداول را بخونید.
    جهت رفع سوالات و مشکلات خود از سیستم پشتیبانی سایت استفاده نمایید .
    دیدگاه ارسال شده توسط شما ، پس از تایید توسط مدیران سایت منتشر خواهد شد.
    دیدگاهی که به غیر از زبان فارسی یا غیر مرتبط با مطلب باشد منتشر نخواهد شد.

    دیدگاه خود را بیان کنید