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


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


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

Раньше я использовал плагин, наверное многие о нем были наслышаны — это 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

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

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

Классический виджет для WordPress
Всем привет! Как многие заметили, совсем недавно было обновление Wordpress до версии 4.8. С новым обновлением, как обычно это бывает, появляются новые проблемы. И на ...
Как сделать бекап(backup) сайта. Плагин WordPress Database Backup.
Здравствуйте, дорогие друзья! Я наконец то смог достичь посещаемости 50 человек/сутки.  Это произошло 4 сентября в среду на этой недели :smile: . Теперь остается закрепиться ...
Плагин de: comment: адаптивная форма комментариев.
Плюсы плагина Регистрация на сайте Настройки de:comments Партнерская программа. Всем привет! Сегодня я расскажу про один из лучших плагинов, который заменяет стандартную форму комментариев ...
Плагины которые я использую для этого блога
Добрый день! Подумал все таки создать на своем блоге страничку, на которой буду публиковать плагины, которые мною используются. Пример их работы вы как раз и ...
Плагин Breadcrumb NavXT. Хлебные крошки для вашего сайта.
Всем доброе утро! А утро сегодня замечательное. На улице еще темно, но заметно как очень быстро начинает светать. На моих часах сейчас 4.45 по ...

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 уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

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

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