WordPress: как добавить кнопку “Вверх”





Относительно того, нужна ли на сайте кнопка “Вверх”, спорят до сих пор: кто-то находит эту опцию полезной, кто-то же, напротив, считает, что ей не место на страницах веб-портала. Несмотря на это, с точки зрения пользователей кнопка все же нужна, ведь таким образом прокрутка осуществляется гораздо быстрее, тем более, если на странице много информации.

В то же время стоит определиться, где вы хотите разместить кнопку и как она будет выглядеть: во-первых, она должна “гармонировать” с другими элементами сайта, а, во-вторых, не стоит заставлять пользователей искать кнопку: разместите ее максимально удобно.

Что касается добавления кнопки “Вверх”, то здесь как всегда можно воспользоваться плагином. Поскольку мы уже установили движок на хостинг https://s-host.com.ua/, то можно переходить к рассмотрению основной задачи.

Установка плагина

Для реализации задуманного мы решили выбрать плагин Smooth Scroll Up, поскольку он достаточно прост, понятен и предлагает набор необходимых инструментов: начиная с типа кнопки, заканчивая внушительным выбором иконок.

Откройте «Консоль»/"Плагины"/"Добавить новый" и найдите при помощи поиска Smooth Scroll Up. Поочередно нажмите кнопки «Установить» и «Активировать». Теперь плагин готов к настройке.

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

После установки плагина в разделе “Настройки” появится пункт Smooth Scroll Up. Кликните на него и вы попадете на страницу Smooth Scroll Up Options. Здесь представлены различные настройки, которые стоит рассмотреть детальнее.

Basic:

  • Тип (тип кнопки: иконка, изображение, текст и пр.);
  • Icon (выбор иконки): нажмите Select и выберите подходящую иконку:

  • Icon Size (размер иконки);
  • Позиция (размещение иконки на странице: справа, слева, по центру).

Display:

  • Display in homepage (показывать на главной странице);
  • Display/hide scroll up element from specific posts or pages (настройка показа кнопки на отдельных страницах);
  • Display in mobile devices (показ кнопки на мобильных устройствах);
  • Display animation (анимация);
  • Distance from top before displaying scroll up element (расстояние между до кнопки);
  • Scroll speed to top (скорость прокрутки вверх).

Настройте плагин по своему усмотрению и сохраните изменения. Теперь перейдите на свой веб-портал и проверьте, работает ли кнопка:

Безусловно, если вы только-только установили движок на хостинг и даже не начали наполнять сайт контентом, кнопка “Вверх” может быть не так актуальна. Однако, когда на страницах появится много текста и фото, вы оцените преимущества этого небольшого, но очень полезного инструмента.

Комментирование закрыто, но вы можете поставить trackback со своего сайта.

Комментарии закрыты.

Яндекс цитирования