Понедельник, 11 марта 2019
Понедельник, 11 марта 2019
Популярно
Ленина 154847 Россия, Москва +7 (495) 752-58-92

Удобная кнопка наверх для сайта на cms wordpress


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

Содержание

Зачем нужна кнопка наверх для сайта

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

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

Smooth Scroll Up

Плагин позволяет добавить кнопку в четырех вариантах

  • изображение Кнока наверх картинкой
  • текст ссылки Кнопка наверх для сайта в виде текстовой ссылки
  • таблетка Кнопка наверх для сайта в виде таблетки
  • вкладка  Кнопка наверх для сайта в виде вкладки

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

Интересно:  Плагин wordpress ТАС. Показать все, что скрыто

Лучший хостинг

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

Scroll To Top

Кнопка навер длясайта плагином Scroll To Top

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

Интересно:  Плагин Jetpack не подключается к wordpress

Настройки плагина Scroll To Top Настроек минимум. Поменять можно текст, ширину, цвет текста и цвет фона кнопки.

Пользуйтесь описанными плагинами и кнопка наверх для читателей вашего сайта станет очередной удобной фишкой. Они будут вам благодарны. Честное пионерское! Зуб даю!


С уважением Денис Иванов, автор блога dendrblog.ru

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 Оценка: 4,80 (голосов: 5)
Загрузка...


Статья помогла? Поблагодари автора, он ведь старался

Лучшее по теме

Нашли ошибку? Покажите автору блога. Выделите мышкой и нажмите shift+enter на клавиатуре.
21 комментарий on Удобная кнопка наверх для сайта на cms wordpress
    Наталья
    28 Jun 2016
    2:55pm

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

    0
    0
    witos1
    2 Mar 2016
    2:28pm

    Надо поставить себе.

    0
    0
      Денис Иванов
      2 Mar 2016
      4:38pm

      Я себе поставил первым плагином. Только картинку свою закинул, благо плагин позволяет выбрать. :smile:

      0
      0
    land_driver
    27 May 2016
    2:20pm

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

    0
    0
      Денис Иванов
      27 May 2016
      7:47pm

      А вот в моем нема такой штуки. Вещь удобная и нужная. Пришлось делать.

      0
      0
    Татьяна
    10 Jun 2016
    7:23am

    Давно не парюсь по поводу «наверх», использую браузер Яндекс, который позволяет на любом сайте, не зависимо от этой кнопки в любой момент «взлететь» и вернуться обратно простым кликом по заголовку вкладки, просто и удобно

    0
    0
      Денис Иванов
      10 Jun 2016
      1:15pm

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

      0
      0
        дед Виталя
        21 Mar 2018
        10:39pm

        Я тоже с Яндекс-браузером в последний год не дружу. По многим причинам. Использую браузер  Google Chrome.

        А вот с кнопкой "Вверх" вышла у меня незадача. sad Ранее постоянно она у меня на сайте стояла. А вот не очень давно, когда поменял тему на WestCoasts от автора WP Puzzle, упустил этот важный момент. Буду ставить

        0
        0
    land_driver
    12 Feb 2017
    6:23pm

    У меня эта кнопка по усмолчанию на всех мобильных устройствах выскакивает, если я использую адаптивный шаблон

    0
    0
    Максад Исаев
    27 Feb 2017
    7:31pm

    У меня в моем шаблоне эта кнопка тоже по умолчанию присутствует, поэтому когда попадаю на сайт, где нет таковой, чувствуется некое неудобство. Правильно говорят, что простая человеческая лень, тоже может выступать, как двигатель прогресса!

    0
    0
      Денис Иванов
      28 Feb 2017
      2:38pm

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

      0
      0
    Wuste
    1 Mar 2017
    11:24am

    Эти кнопки здорово облегчают навигацию вверх-вниз, и относятся к высшему классу обслуживания.

    0
    0
    Сергей Петров
    21 Mar 2017
    8:44am

    Денис, доброе утро! Вот Ваша статья абсолютно в тему моим мыслям. У меня на сайте такую кнопку создает плагин ToTop. Я его установил в числе первых. И периодически пытаюсь вместо него разместить код, чтобы на один плагин стало меньше.

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

    В общем пока плагин ни одному коду не дал ни единого шанса. Хотя я не оставляю попыток изменить ситуацию. Ну вот хочется мне код вместо плагина и всё))

    0
    0
    Сергей
    6 May 2017
    2:43pm

    Супер. Давно хочу установить подобную кнопку у себя на сайте, только никак не мог найти то, что надо. Теперь как только доберусь до компа, обязательно сделаю. Автору за статью респект!

    0
    0
    olgalaura
    24 Mar 2018
    11:45am

    Очень удобная штука — кнопка наверх. Устанавливается она просто, а удобства в работе с сайтом добавляет. Мне особенно нравится такая кнопка на мобильных устройствах. Если статьи длинные, то кнопка очень полезна.

    0
    0
    Александр
    25 Feb 2018
    12:30pm

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

    0
    0
    Елена Прекрасная
    7 Mar 2018
    9:09am

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

    0
    0
      Денис Иванов
      10 Mar 2018
      4:10pm

      Данная кнопка уже давно стала из категории must have для любого сайта. Это уже как правило хорошего тона.

      0
      0
    Галина
    6 Mar 2018
    2:26pm

    Обожаю эту кнопку. Нет, серьезно. Я ленивый человек с ноутбуком, мне неудобно скроллить вверх)) а на кнопку жмешь — и все, ХОП, и ты наверху. Меня огорчают сайты, где ее нет)

    0
    0
      Денис Иванов
      10 Mar 2018
      4:07pm

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

      0
      0
    Александр
    26 May 2018
    1:25am

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

    0
    0

Оставить комментарий

Политика конфиденциальности Воровство контента карается табуреткой по голове. © 2009—2019 Блог Дениса Иванова