Кнопка «Наверх» для сайта на WordPress

Кнопка «Наверх» для сайтаЗдравствуйте уважаемые читатели и просто посетители блога Spectr-rv.ru. Сегодня я расскажу вам об одной очень полезной кнопке для сайта – это кнопка «Наверх». Данная кнопка, наряду с кнопками социальных сетей, способствует привлечению посетителей, так как повышает удобство пользования сайтом или, выражаясь по-иностранному, повышает его юзабилити.

Согласитесь, не очень удобно возвращаться к началу статьи с помощью колесика прокрутки мышки, особенно если статья достаточно длинная или с большим количеством комментариев. Кнопка «Наверх», которую вы могли видеть на множестве сайтов, дает возможность очень быстро перескакивать в начало статьи.

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

Рассмотрим, как можно установить кнопку «Наверх» на сайте WordPress c помощью двух предназначенных для этой цели плагинов: Scroll to Top и Scroll to Top Button.

Плагин Scroll to Top

Найти и установить плагин  Scroll to Top можно через админку блога, как это подробно описано здесь. Обратите внимание, что в результатах поиска выдается больше десятка аналогичных по назначению и названию плагинов. Нас, в данный момент, интересует самое первое дополнение - Scroll to Top 2.0 (Автор: Rafael Cirolini).

После установки и последующей активации плагина, на вкладке «Плагины» - «Параметры» появляется новый пункт «Scroll to Top», при щелчке на котором, открывается страница с настройками дополнения.

Кнопка «Наверх» для сайтаКак видите, на этой странице можно настроить кнопку по своему вкусу. Мы можем включить или отключить плагин, написать нужный текст на кнопке, задать ширину кнопки, а также цвет текста и цвет самой кнопки.

Выбрав все нужные параметры, нажимаем кнопку «Сохранить изменения» и переходим на сайт. Теперь, если мы начнем прокручивать любую страницу вниз, в ее нижней части появляется наша кнопка «Наверх». Щелкнув по этой кнопке, вы моментально переместитесь в начало страницы. При приближении к верху страницы, кнопка вновь делается невидимой.

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

Кнопка «Наверх» для сайта

Плагин Scroll to Top Button

Найти данный плагин можно точно так же -  через админку WordPress. После установки и последующей активации плагина, его требуется настроить. Для этого, заходим на вкладку «Внешний вид» - «Scroll to Top Button» и попадаем на страницу настроек.

Кнопка «Наверх» для сайтаЭтот плагин имеет меньше настраиваемых параметров, чем предыдущий. Здесь можно выбрать только цвет кнопки (светлый или темный) и ее размер (большой или малый). После выбора параметров, нажимаем кнопку «Сохранить изменения» и переходим на сайт.

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

В качестве примера, я установил эту кнопку себе на блог -  посмотрите, что из этого получилось.

Кнопка «Наверх» для сайтаВот таким образом, легко и просто можно установить кнопку «Наверх» на любом сайте WordPress. Если вам известны более простые способы, поделитесь в комментариях.

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

Надеюсь, статья вам понравилась. Теперь вы знаете, насколько полезна кнопка «Наверх» для любого сайта, а также имеете представление о том, как ее установить. Возможно, это вам когда-нибудь пригодится. Спасибо за внимание. Удачи!

Обсуждение: 2 комментария
  1. Здравствуйте, а я удалил этот плагин. Нет, не потому, что он плохой, просто нашел небольшой скрипт и CSS подправил, не стал там особо мудрить. Хотя, сами знаете, на СSS можно что угодно сделать, а если и нельзя, можно и картинку поставить.

  2. Владимир:

    Егор, если вы можете сделать лучше, значит нужно сделать. Я просто показал один из наиболее простых способов. Заходите еще, читайте, комментируйте.

Поделитесь своим мнением

Подписка на обновления

Хотите получать новые статьи на почту? Введите свой e-mail адрес:

© 2017 Полезные советы, программы и сервисы интернета  Войти