Кнопка вверх для WordPress с плагином и без

Плагин кнопка вверх Wordpress

Доброго времени суток, я как обычно рад вас приветствовать на страницах своего блога the-Sever.ru. Сегодня вновь продолжаем серию статей посвященных движку WordPress. В этой статье рассмотрим как сделать на вашем вордпресс сайте кнопку наверх.

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

И так давайте рассмотрим два способа реализации кнопки вверх на блоге. Один при помощи плагина другой, а другой без него.

Кнопка вверх для WordPress с помощью плагина Scroll to Top

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

Кнопка вверх Wordpress

Как видно на скрине выше, настроек у данного плагина не так уж и много, что и не удивительно. Их всего три.

  1. Ссылка к изображению кнопки
  2. Скорость пролистывания вверх
  3. После какой строки кнопка должна появится

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

Скачать: Небольшой архив с кнопками «Вверх»

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

Оставшиеся настройки вполне понятны и я думаю, что они не стоят детального рассмотрения.

Читайте также:  Как проиндексировать сайт в поисковых системах

Кнопка вверх для WordPress без плагина

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

Скачать: Архив со скриптом и кнопкой

Внимание: Если руки у вас растут не оттуда от куда надо, то лучше воспользуйтесь плагином, но если так припекает реализовать через код, то перед началом процесса сделайте резервную копию сайта.

И так приступаем к установке кнопки вверх для WordPress сайта. Дуем в папку с темой которая установлена у вас на сайте и находим файл function.php, жмем редактировать и добавляем в него код указанный ниже. С помощью этой функции будет производится плавный скроллинг.

После того как добавили код, сохраняем файл и закрываем. Теперь в этой же папке открываем файл footer.php и прописываем в него код указанный ниже до закрытия тега </body>.

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

Читайте также:  Защита WordPress от взлома: прячем wp-login.php

Вот и все процесс закончен. Думаю тему установки кнопки вверх для WordPress сайта можно считать раскрытой.

Удачи в ваших начинаниях и следите за обновлениями блога!

Теги: wordpress кнопка вверх без плагина
1 Star2 Stars3 Stars4 Stars5 Stars (11 голосов: 4,64 из 5)
Загрузка...

Подпишитесь и получайте новые статьи мгновенно на электронную почту

Похожие записи

  • Ускоряем загрузку страниц WordPress с графикойУскоряем загрузку страниц WordPress с графикой [sc:AdSense] Доброго времени суток, я рад вас приветствовать на страницах блога the-Sever.ru. Сегодня вновь поднимаем тему оптимизации сайтов на cms WordPress. В этой статье рассмотрим способ увеличения скорости загрузки […]
  • Закрепить статью на главной странице WordPressЗакрепить статью на главной странице WordPress [sc:AdSense] Доброго времени суток, сегодня на страницах моего блога the-Sever.ru мы продолжаем тему работы с сайтами на WordPress. Сегодня хотелось бы рассмотреть такой небольшой момент как закрепить статью на главной […]
  • Постраничная навигация WordPressПостраничная навигация WordPress [sc:AdSense] Доброго времени суток! Я рад, что вы решили посетить страницы моего блога. Сегодня бы хотелось рассмотреть такую тему как постраничная навигация в WordPress. Ведь она упрощает поиск информации на сайте для […]

One comment

  1. Виталий:

    У меня был реализован с помощью плагина, я не знал как вставить код! Теперь нашелся код, обязательно попробую! Спасибо, автору!

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

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

Подтвердите, что Вы не бот — выберите человечка с поднятой рукой: