Рубрики

Урок 225 Кнопка «Вверх» в WordPress: как сделать кнопку «Наверх» на Вордпресс

Петр Александров
Автор статьи Пётр Александров
70
Время прочтения: 1 мин.

Добрый вечер! Многие меня спрашивают как по почте, так и в комментариях, как сделать кнопку “Вверх” в WordPress. На всех моих блогах он был “вшит” в тему или в данном случае на этом новом шаблоне я попросил верстальщика “прикрепить» кнопку наверх рядом с счетчиком подписчиков.

Обычно такие кнопки вставляют через скрипты, но, скажу честно, я вообще в них не разбираюсь, поэтому я не могу вам рассказать, как сделать кнопку “Наверх” через них. Думаю, многие, как и я, не сильны в скриптах, ну сложно это, ничего с этим не поделаешь. Что же тогда делать? Я нашел выход, поставил кнопку “Вверх” на один из своих блогов на WordPress через плагин Scroll to Top.

Как выглядит эта кнопка “Наверх” Вы можете посмотреть на моем блоге про коктейли (просто прокрутите вниз и увидите кнопку в правой части). Вам понравилась эта кнопка? Хотите такую же? Нет проблем, читаем урок дальше, тратим свои 5 минут и все готово :).

Как сделать кнопку “Вверх” в WordPress

  1. Устанавливаем плагин Scroll to Top.
  2. Кнопка уже работает. Вы же можете покопаться в настройках плагина (изменить скорость прокрутки и т.п.): админка WordPress –> Параметры –> Scroll to Top.
  3. Вот и все :). Плагин настроен, работает отлично, если Вам вдруг не нравится кнопка, то можете скачать другую (их в интернете полно), залить ее к себе на блог и просто в настройках плагина прописать полный путь до картинки:

На сегодня все, а завтра же, в пятницу, вас, мои друзья, ждет классный сюрприз, я уверен, вам понравится :). Жду вас в гости, постараюсь о сюрпризе рассказать днем, может даже утром, а то мне как-то не терпится :).

До скорой встречи!

70 комментариев на «Урок 225 Кнопка «Вверх» в WordPress: как сделать кнопку «Наверх» на Вордпресс»
  1. levon

    На сайте fanbar.ru нету кнопки на верх.

    • Петр Александров Автор статьи

      Прошу прощения, вернул. Теперь есть.

  2. Илья
    http://directsalez.ru

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

    • Петр Александров Автор статьи

      Что именно Вас интересует? 🙂

    • Виталий
      https://mojwp.ru/

      скорее всего подразумевается «стрелка» в скриншоте.

      • Анатолий
        https://blog-parkovka.ru/

        А я думаю подразумевается миниатюра…

    • Лысенко Евгений
      http://webpathblog.ru

      Если имеются ввиду скриншоты с разных сайтов, то для пользователей Хрома есть хорошее расширение «Awesome Screenshot: Capture & Annotate» Сам им пользуюсь. Там и стрелки, и рамки, и обрезать картинку можно, можно снять скрин со всей страницы, и даже не видимой ее части. Мне очень нарвиться

  3. Andrey

    Воот, давно хотел спросить как сделать эту кнопочку, с ней очень удобно. Спасибо!

  4. Владислав

    Странно, но на твоем сайте я ее не нашел. Надо тоже сделать. Ждем сюрприз.

    • Петр Александров Автор статьи

      В правый нижний угол посмотри 🙂 Чуть пониже счетчика подписчиков.

      • Andrey

        Петр, можете дать ссылку на вашу картинку этой кнопки, найти её не могу. Заранее спасибо.

        • Петр Александров Автор статьи

          На мою, которая на wpnew.ru? Там текст, не картинка. Или которая на fanbar.ru?

          • Andrey

            Да, да я про wpnew.ru имел ввиду.

  5. Denys
    http://deynekin.pp.ua

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

    • Петр Александров Автор статьи

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

      • Denys
        http://deynekin.pp.ua

        Это моё субъективное мнение,и если есть возможность заменить плагин на код то от чего же это не сделать тем самым облегчив загрузку сайта.

Добавить комментарий
Ваш адрес email не будет опубликован. Обязательные поля помечены
Нажав на кнопку «Отправить комментарий» вы принимаете соглашение на обработку персональных данных.
Подпишитесь на бесплатные уроки по e‑mail и получите книгу в подарок
Нажав на кнопку «Подписаться» вы принимаете соглашение на обработку персональных данных.
Книга по SEO