Здравствуйте !
Сегодня я расскажу вам как можно очень просто поменять цвет полосы прокрутки на вашем сайте. И это ещё не всё, так же вы узнаете как изменить цвет фона полосы прокрутки, ширину полосы, скорость прокрутки и т.д. Для тех кто не знает что это такое, полоса прокрутки — это такой элемент на сайте, который находится на самом краю с правой стороны сайта. Когда вы двигаетесь по сайту, то полоса прокрутки так же двигается вместе с вами.
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 ?
У вас остались вопросы, вам что-то не понятно ? тогда обязательно напишите мне в Обратную связь, либо оставьте комментарий к данной записи. Я всем отвечу !
