Как сделать кнопку «Вверх» на WordPress. Плагин Dynamic «To Top».


29.07.2013 | Плагины | Теги: комментариев 9 | 31309 просмотров | Автор статьи: Александр Рус


Добрый вечер! Развитие моего блога продолжается. И сегодня, он был дополнен не только очередным постом, но и довольно интересной примочкой в виде кнопки «Наверх».

Раньше я использовал плагин, наверное многие о нем были наслышаны — это Scroll to Top. Но около 2 лет он уже не обновлялся и на WordPress перестал работать. На смену ему я нашел не уступающий ему, а наоборот превосходящий  по функциональности новый плагин Dynamic «To Top».

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

Плагин имеет минимум настроек:

  • Для мобильных браузеров данная кнопка может быть отключена.
  • Есть настройки стилей кнопки. Можно изменить вид кнопки по своему  вкусу.
  • Можно выбрать в какой части экрана будет отображаться кнопка.
  • Если выбрать текстовую версию в настройках, то вместо стрелки вверх можно написать любую надпись, к примеру «Наверх».

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

И так, что нам понадобиться сделать, что бы на нашем блоге появилась такая кнопка?

  1. Скачать сам плагин, вот отсюда.
  2. Установить плагин.  Распаковываем архив с плагином и кидаем папку dynamic-to-top в (wp-content/plugins/) или заходим в админ панель Плагины->Добавить новый->Загрузить.
  3. Активируем плагин.

Готово!!! Плагин установлен. Можете зайти на свой блог и посмотреть как он работает.

Осталось только настроить его (хотя если вас устраивают стандартные настройки можете ничего не делать).

Настройки плагина Dynamic «To Top»

myworkpro.ru

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

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

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

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

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

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

myworkpro.ru

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

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

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

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

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

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

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

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

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

16. Цвет фона.

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

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

myworkpro.ru

На этом всё! Сложностей возникнуть не должно.

Материалы по теме:

Уменьшаем время загрузки страниц блога. Плагин DB Cache Reloaded Fix.
Hola a todos друзья:))) Кому интересно ускорить работу своего блога, что бы переход с одной страницы на другую стал молниеносным, то читаем статью до ...
Как при наведение на текст вывести дополнительное окно с подсказкой. Уроки HTML.
Добрый день! Друзья, не давно я наткнулся на один буржуйский сайт. Естественно этот сайт посвящен тематикам, которые подходят для наших блогов. Там авторы выкладывают ...
Виджет YouTube для сайта. Как это сделать.
Создание виджета при помощи html кода. Создание виджета при помощи плагина. Как узнать ID канала Youtube. Создание виджета через сайт Youtube. Всем привет! Сегодняшняя статья посвящается тем, кто ищет ...
Делаем форму обратной связи для WordPress. Плагин Contact Form 7.
Здравствуйте, дорогие читатели!!! Наверное для Вас не секрет, что одной из самых незаменимых деталей блога, является форма обратной связи. Обычно она представлена в виде ...
Система рейтинга для блога. Плагин Rating-Widget: Star Review System.
Дорогие друзья, сегодня я перепробовал на своём блоге кучу плагинов: Multi Rating, kk Star Ratings, Rating-Widget: Star Review System, Comment Rating Field Plugin, Simple ...

Нажимая на кнопку, я даю согласие на рассылку, обработку персональных данных и принимаю политику конфиденциальности.
1
Игорь http://vipinternetrabota.ru/

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

Плагином пользовался,потом заменил на скрипт.

2
Антон http://financial-independence.ru/

Привет! Сегдоня настроил данный плагин и данную кнопку на своем блоге! Отлично всё работает 😉 пока буду пользоваться плагином, потом когда окончательный вариант блога будет, сделаю все на скриптах 😉

Автор3
Александр Рус http://myworkpro.ru/

Да, да, я уже успел его увидеть на твоем блоге 🙂

4
Светлана http://swoi-bisnes.ru

Плагин установила а настроить его не возможно.Нет такой функции в меню

Автор5
Александр Рус http://myworkpro.ru/

Светлана, его настройки находятся в админ панели-> Внешний вид-> To Top

А вы наверное смотрели в параметрах, вот и не нашли.

6

У меня уже давно устанолен скрипт, с ним проще. Скажу честно, вытянул его из бесплатного шаблона. А на вашем блоге установлен плагин или скрипт?

Автор7
http://myworkpro.ru

Установлен плагин, который в этой статье описываю.

8
Максим http://seo-zborov.ru

Устанавливаю плагин, а в "Параметрах" не появляется страницы с настрйками плагина.. переустанавливал два раза. Может подскажете что не так?

Автор9
Александр Рус http://myworkpro.ru

Его настройки надо смотреть не в "Параметрах", а во "Внешний вид" там он будет называться "To top".

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.