To top. И настраиваем внешний вид кнопки. 1. Время прокрутки страницы вверх. 2. Отступ кнопки от начала страницы. 3. Я не" /> To top. И настраиваем внешний вид кнопки. 1. Время прокрутки страницы вверх. 2. Отступ кнопки от начала страницы. 3. Я не" />
кнопка наверх
X
Это интересно

Плагин Dynamic-to-top: добавляем кнопку подняться вверх в WordPress

Back-to-top Здравствуйте дорогие читатели блога Pro-Wordpress.ru. Сегодня хотелось бы рассказать вам ка же добавить ту самую кнопку подняться "НАВЕРХ" которая позволит читателю вашего блога с легкостью подняться к началу статьи. Такую кнопку вы можете увидит у меня на блоге в правом нижнем углу. Для добавления кнопки я использовал плагин Dynamic To Top.

В чем плюсы этого плагина:

Первый плюс: минимум настроек.

Второй плюс: интегрируется в wordpress без вмешательства кода.

Третий плюс: возможность менять внешний вид кнопки в настройках плагина.

Минусы плагина:

Первый минус: плагин на Английском языке.

И так как же добавить кнопку вверх в wordpress.

Установка плагина

1 Качаем плагин Dynamic To Top здесь.

2 Распаковываем архив с плагином и кидаем папку dynamic-to-top в (wp-content/plugins/).

3 Активируем плагин.

После активации плагина. Переходим в Внешний вид —>To top. И настраиваем внешний вид кнопки.

top0

1. Время прокрутки страницы вверх.

2. Отступ кнопки от начала страницы.

3. Я не совсем понял для чего это. Пускай будет in

4. Расположение кнопки (Справа вверху справа внизу, слева вверху слева внизу).

5. Можем отключить кнопку на мобильных браузерах.

6. Внешний вид вашей будущей кнопки.

    top1

    7. Если поставить галочку то кнопка будет текстовая то есть можно будет написать текст "НАВЕРХ". Или не ставить галочку тогда ваша кнопка будет в виде стрелочки.

    8. Текст кнопки.

    9. Высота кнопки.

    10. Ширина кнопки.

    11. Размер шрифта

    12. Цвет текста

    13. Если поставить галочку то текст будет жирным.

    14. Добавить тень в текст.

    15. Цвет текста тени.

    16. Цвет фона.

    17. Цвет обводки кнопки.

    18. Ширина обводки.

    top2

      19. Радиус закругления кнопки.

      20. Добавить подсветку в css.

      21. Добавить тень в css.

      22. Сохранить изменения.

      Ну вроде бы все рассказал если вам понравился пост сделайте Retweet.


      1 звезда2 звезды3 звезды4 звезды5 звезд (2 оценок, среднее: 5,00 из 5)
      Загрузка...
      like
      Понравилось?
      Подпишитесь на блог и получайте новые статьи!
      Добавляйтесь в соц. сетях:
      1. Пётр:

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

        Ответить
      2. Reux:

        Создается впечатление, что на каждый чих создается специальный плагин. Только подумаешь о плагине, а он вот он — уже есть 🙂

        Ответить
      3. Александр:

        Спасибо за пост! Долго искал и у Вас нашел. Никак не мог найти этот плагин, нужная фишка обязательно воспользуюсь и поделюсь со своими читателями. Автору респект!

        Ответить
      4. Светочка:

        Ни фига. Мудохалась и так и сяк, меняла настройки. Не отображается у меня он на сайте!!! Поищу другой.

        Ответить
      5. Nina:

        И у меня ничего не работает. На Вашем сайте тоже кнопка не отображается.

        Ответить
        • Влад:

          Возможно Ваша тема конфликтует с плагином. И кнопка не отображается.

          Я у себя на блоге, убрал кнопку

          Ответить
      6. Елена:

        Давно хотела такую кнопочку! Спасибо за фишечку! 😉

        Ответить
        • Влад:

          Да не за что, заходите еще 🙂

          Ответить
      7. Мария:

        Спасибо большое! Благодаря Вашему посту удалось быстро скачать и настроить плагин)))

        Ответить
      8. Станислав:

        Спасибо за ссылку на плагин, и описание о управлению +5 Все работает всем советую...

        Ответить
        • Влад:

          Спасибо, я очень рад, что моя статья была Вам полезна:)

          Ответить
      9. Андрей:

        Спасибо,установил,работает!

        Ответить
      10. tatyana2307:

        Спасибо! Отлично получилось. Спасибо за подробное описание

        Ответить
      11. Алина:

        И этот плагин не работает на моей теме(((((((((((((((((((

        Ответить
      12. Алексей:

        Спасибо! очень помогли)

        Ответить
      13. Олег:

        Спасибо за обзор. А как поменять изображение кнопки? Например поставить такое как у вас 🙂

        Ответить
        • Влад:

          Здравствуйте, я ставил кнопку подняться вверх не через плагин, а через код! Если интересно пишите мне на почту я Вам расскажу как такое сделать 😉

          Ответить
      14. Алексей:

        а картинку вставить как можно?

        Ответить
        • Алексей:

          упс! вверху ответ)

          Ответить
          • Вера Ивановна:

            А вверху ответа-то нет!!!. Меня тоже интересует -как вставить картинку на место кнопки?

            Ответить
      15. Роман:

        СПАСИБО! Прикольная штучка... все просто и стильно!

        Ответить
      16. Макс:

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

        Ответить
      17. Натали:

        так и не поняла как вставить ракету? или как заменить уже имеющуюся в теме кнопку на ракету?

        Ответить
      18. Наркас:

        установила плагин, но мне он не понравился, хотела удалить не удаляется. достал уже

        Ответить
        • Ykobiz:

          Хук деинсталляции в версии 3.4.2 содержит баг-опечатку, которая не позволит плагину корректно удалиться в случае возникновения соответствующего события. Для решения данной проблемы замените строку elete_transient ( 'dynamic_to_top_transient_css' ); на delete_transient ( 'dynamic_to_top_transient_css' ); в файле «unistall.php».

          Ответить
      19. Zawer:

        Попробовал поставить данный плагин на своем сайте, не запустился, видно не подходит по тему.

        Ответить
      Ваш комментарий: