Как добавить произвольную полосу прокрутки к любому элементу в WordPress

У вас на сайте длинный сайдбар, который ломает структуру сайта на определенных страницах? В сегодняшней статье мы покажем вам как добавить собственную полосу прокрутки к любому элементу WordPress.

scrollbarelement[1]

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

customscrollbars[1]

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

Далее, нужно задать Target Element Selector. Это класс или ID веб-элемента, с которым мы будем работать. Вы можете найти id или класс любого элемента путем нажатия правой кнопкой мыши на элементе в браузере Chrome и выбора Инспектора элемента из меню.

inspectelement[1]

Как видно на скриншоте, элемент, который мы выбрали, это aside с CSS классом bwp_gallery.

После указания целевого селектора, вы можете выбрать высоту и ширину области произвольного скроллбара. Также можно задать положение и оформление для него.

После окончания настройки просто кликните на кнопку сохранения изменений.

Вот и все, теперь можно перейти на свой сайт для того, чтобы увидеть произвольный скроллбар в действии. Процесс можно повторять сколько угодно раз для создания других полос прокрутки, для чего нужно нажать кнопку Add.

adding-scrollbar[1]

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

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

Об авторе ADv

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