Как добавить собственный скроллбар в WordPress

Вы наверняка встречали в сети сайты с нестандартными полосами прокрутки (скроллбарами)? Некоторые сайты и веб-приложения модифицируют полосы прокрутки для улучшения интерфейса для пользователей или брендируют его своими цветами. В этой статье мы покажем вам как добавить собственный модифицированный скроллбар в WordPress без единой строчки кода.

custom-scrollbar-preview[1]

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

Первым делом вам необходимо установить и активировать плагин Dewdrop Custom Scrollbar. После активации вам нужно перейти на страницу Настройки » Dewdrop Scrollbar Options административной панели сайта для настройки опций.

custom-scrollbar-settings[1]

На странице настроек плагина первым делом вам необходимо настроить цвет скроллбара. Затем выбрать его ширину, которая по-умолчанию установлена в значение 12px. Также вы можете задать ширину и цвет границы скроллбара. И, наконец, вы можете задать для полосы прокрутки border radius (радиус скругления углов). border radius по-умолчанию для произвольного скроллбара составляет 3px. После окончания настройки не забудьте сохранить изменения.

Теперь перейдите на свой сайт и вы увидите вам новенький скроллбар в действии. Не бойтесь экспериментировать с внешним видом полосы прокрутки до достижения желаемого результата.

Надеемся, что эта статья помогла вам добавить собственный скроллбар в WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top