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

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

Что такое прокрутка? Справа в окне браузера вы видите скроллинг окна браузера. В каждом браузере — он немного свой.

Хотите сделать его цветным, в тон вашего сайта? Чтобы у посетителя бегунок скроллинга был нужного вам цвета, ширины, формы?

Для этого вам нужен бесплатный плагин WordPress под названием — Dewdrop Custom Scrollbar.

Скачать его можно в официальной Библиотеке WordPress, а значит, что автор его поддерживает, плагин проверен и не имеет вредного кода.

После установки и активации плагина перейдите в раздел Настройки -> страница 'Dewdrop Scroolbar Options':

dewdrop-scrollbar-wordpress-plugin

Параметры настроек:

  • Scrollbar color — выбрать цвет бегунка
  • Scrollbar width — выбрать ширину бегунка
  • Scrollbar height — выбрать высоту бегунка
  • Scrollbar border width — выбрать толщину границы бегунка (по умолчанию 0px)
  • Scrollbar border color — выбрать цвет границы бегунка (если выбрали параметр выше больше нуля)
  • Scrollbar border radius — верхний и нижний радиус бегунка (по умолчанию стоит 5px)
  • Scrollbar speed — скорость перемещения бегунка (по умолчанию стоит 60 ms)
  • Scrollbar Autohide Settings — автоматическое удаление бегунка. Когда перемещаетесь по вертикали страницы бегунок виден. Как остановились — он исчез.

После изменений настроек обязательно нажмите кнопку 'Save settings'. Хотите вернуть настройки по умолчанию — нажмите кнопку 'Back as default'.

Плагин WordPress Dewdrop Scrollbar Options поддерживает работу и на экранах с маленьким разрешением. Если ваш сайт не поддерживает адаптивный дизайн — значит, прокрутка появится и внизу экрана браузера, тоже с такими же настройками как вы сделали:

dewdrop-scrollbar-wordpress-plugin2

Приятной работы.

Если материал вам понравился, нажмите или расскажите о нем друзьям!

Советую прочитать еще:  Плагин плавающей вкладки окна | WP Slick Tab
Важно! Эта запись может содержать ссылки на плагины, которые к моменту вашего чтения и скачивания могут работать не корректно. Будьте внимательны.

Добавить комментарий

Ваш email нигде не будет показан. Обязательные поля помечены *