Здравствуйте ! 

Сегодня я расскажу вам как можно очень просто поменять цвет полосы прокрутки на вашем сайте. И это ещё не всё, так же вы узнаете как изменить цвет фона полосы прокрутки, ширину полосы, скорость прокрутки и т.д. Для тех кто не знает что это такое, полоса прокрутки – это такой элемент на сайте, который находится на самом краю с правой стороны сайта. Когда вы двигаетесь по сайту, то полоса прокрутки так же двигается вместе с вами.

Scrollbar – полоса прокрутки.

 

Вообще конечно мало кто обращает внимание на полосу прокрутки, но это можно исправить, в основном по полосе прокрутки определяют какова длинна сайта. Так же с помощью полосы прокрутки можно быстро перемещаться по сайту, вниз или вверх, для этого нужно курсором мыши нажать на полосу и мышью двигаться вверх или вниз.

 

Итак, менять дизайн полосы прокрутки мы будем с помощью плагина – Awesome Custom Scrollbar. Данный плагин вы сможете установить прямо из своей админ-панели wordpress, для этого перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.

 

САМСАЙ плагин

 

 

После установки и активации плагина у вас в левом меню панели, во вкладке Настройки, появится вкладка – WP Chandra Custom Scrollbar. Перейдите по данной вкладке, чтобы попасть на страницу настроек плагина.

 

САМСАЙ вкладка

 

Итак, переходим к настройкам плагина, их немного и они простые. Настройки на английском языке, но специально для вас я перевёл их обозначения.

 

Настройки плагина.

САМСАЙ настройки

 

– Show, чтобы активировать новый скроллбар у вас должно быть включено значение – Show.

– Scrollbar Width, укажите здесь ширину полосы прокрутки (курсора) в пикселях.

– Scrollbar Radius, укажите радиус границы в пикселях для курсора.

– Background Color, укажите цвет фона полосы прокрутки.

– Border Color, укажите цвет полосы прокрутки (курсора).

– Scroll Speed, здесь можно задать скорость прокрутки.

– Scrollbar Opacity, непрозрачность полосы прокрутки, с этим значением можно поэкспериментировать.

– Autohide, здесь можно включить или отключить автоскрытие полосы прокрутки, то есть если укажите – Enable – включить, то полоса прокрутки вообще исчезнет с вашего сайта.

Hide Cursor Delay, здесь можно установить задержку для полосы прокрутки в микросекундах.

В конце жмём на кнопку – Сохранить изменения.

 

САМСАЙ настройки

 

На этом всё, после того как вы настроите плагин, и измените внешний вид полосы прокрутки, не забудьте почистить кэш вашего сайта, чтобы сделанные изменения вступили в силу и отобразились на вашем сайте. До новых встреч ! Кстати, а вы знаете – Как сделать плавную прокрутку страниц на Сайте WordPress ?

 

У вас остались вопросы, вам что-то не понятно ? тогда обязательно напишите мне в Обратную связь, либо оставьте комментарий к данной записи. Я всем отвечу !