Кнопка Наверх для WordPress. Варианты установки



Установка кнопки Наверх для сайта

Установка кнопки Наверх для сайта

Кнопка “наверх” для сайта уже давно стала обязательным атрибутом.

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

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

Есть, правда, мнение, что для современных браузеров уже есть расширения, где можно установить такую кнопку для любого сайта. Да, эти расширения есть, и для Хрома, и для Лиса. Но, учитывайте то, что люди к вам на сайт заходят разные. Немало поклонников IE, кому-то, просто не хочется устанавливать на свои браузеры дополнительные расширения, кто-то просто не знает о таких возможностях. Короче, лишним не будет, имеет смысл потратить некоторое время для улучшения работы своего сайта.

Варианты установки кнопки Наверх для сайта на движке WordPress

Установка кнопки Наверх с помощью кода.

Тут у меня имеется своё мнение, которым, с удовольствием поделюсь с вами.

Много разных вариантов для установки кнопки Наверх, да и много ещё чего, самостоятельно. В принципе, не сложно прописать несколько строчек кода в нужные файлы. Вопрос только – ЗАЧЕМ?

Есть такое мнение, что лишние плагины утяжеляют работу сайта, делают её более медленной. Естественно, такое дело имеет место. Но, если вы уже решили сделать нужное дополнение, то, какая разница, пишите вы код самостоятельно, или он будет добавлен после установки нужного плагина? Количество команд и так и так увеличится, код скрипта, в любом случае потребует некоторые ресурсы для своей обработки. Только, в одном случае, вы добавляете код руками, в другом, это добавление делает плагин.

И не забывайте такой момент. Код то установить можно, работать он будет. Но, первое, насколько корректно это будет продолжаться после обновления движка? Второе, коды плагина постоянно усовершенствуются. Идёт обсуждение, идёт поиск багов и глюков. Разработчики регулярно обновляют свои плагины, так что, намного больше шансов иметь более оптимизированный код от профессионального разработчика, чем после самостоятельного добавления.

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

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

Плагин Scroll to Top Button

Это, наверное, самый популярный плагин для добавления кнопки Наверх на сайт на сегодняшний день. Своего рода классика жанра. Устанавливается и настраивается легко и просто.

Идем в ПлагиныДобавить новый, в окошко поиска вставляем  Scroll to Top Button. Находим, устанавливаем, активируем.

Во вкладке Внешний вид появляется пункт Scroll to Top Button, нажимаем и видим настройки этого плагина:

Настройка плагина Scroll to Top Button

Настройка плагина Scroll to Top Button

Их всего две. Цветовая схема – темная или светлая. Размер – большой или маленький.

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

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

Плагин JCWP Scroll To Top

Вот тут уже совсем другая картина наблюдается. Этот плагин даёт возможность изменить внешний вид нашей кнопки на свой вкус, цвет и размер. Ну, по порядку.

Идем в Плагины – Добавить новый, в поиск вставляем JCWP Scroll To Top, находим, устанавливаем, активируем.

Настройки плагина можно уже найти в другой вкладке – ПараметрыJCWP Scroll To Top:

Настройка плагина JCWP Scroll To Top

Настройка плагина JCWP Scroll To Top

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

Настраивается практически всё.

  • Длительность анимации;
  • Через какое количество пикселей прокрутки появялется;
  • Можно сделать свой идентификатор для кнопки;
  • Эффект для появления кнопки;
  • Позиция кнопки;
  • Текст на кнопке;
  • Настройка цвета фона, шрифта, размера букв, цвет рамки, закругления углов;
  • Отключение для мобильных устройств;

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

Едем дальше, кому-то могут нравится только графические кнопки, для них есть:

Плагин WPFront Scroll Top

Установка стандартная ПлагиныДобавить новый WPFront Scroll Top. Скачиваем, устанавливаем, активируем.

Найти настройки плагина можно во вкладке WPFrontScroll Top:

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

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

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

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

Изображения, действительно, симпатичные. Есть и строгие, есть и веселёнкие, на любой вкус.

Вот такие плагины помогут вам легко и просто сделать на своём сайте нужную и полезную кнопочку Наверх. Всем удачи! :bye:

@ ПОДПИСАТЬСЯ НА НОВОСТИ САЙТА

Этот сайт работает на быстром, надёжном, не дорогом хостинге GIGAHOST

Поделиться:

Комментарии к «Кнопка Наверх для WordPress. Варианты установки»

  1. А я вот мучаюсь с другой проблемой с этой кнопкой — она есть, а где изменить слово на ней не могу найти — не понятно, плагинов таких вроде нет, в БД нет, в стилях тоже, где-то в коде, а где??? 🙁

  2. Спасибо за вашу статью. Интересным было ваше мнение по поводу выбора именно плагинов для установки такой кнопки, вы меня убедили) А установила я плагин Scroll To Top, у вас в статье его нет. Мне он понравился своей простотой, а выглядит он как кнопка с надписью.

    1. Ирина, благодарю за добрые слова. Желаю удачи в освоении сайтостроения. :bye:

  3. Первый плагин не заработал, второй заработал, Спасибо!

    1. Ольга, пожалуйста, заходите ещё  😉

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

:bye: 
:good: 
:za-nas: 
:wacko: 
:yahoo: 
:skromnost: 
:heart: 
:rose: 
:-) 
:yes: 
:cry: 
:mail: 
:unsure: 
;-)