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


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


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

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

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

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

Как разместить рекламный блок в середине статьи. Плагин Shortcoder.
Добрый вечер! Последние пару недель я уделил монетизации сайтов. Зарегистрировался в Gogetlinks и Google Adsense. Давно хотел это сделать, но никак не решался, ждал момента ...
Как скрыть посты, отдельные категории блога от взора пользователей. Плагин Advanced Category Excluder.
Всем привет. Сегодня продолжу описание довольно полезных для блога плагинов. В этот раз расскажу о  Advanced Category Excluder или просто ACE. Многие блоге, которые ...
Как вывести кнопку retweet на блоге. Плагин Tweetmeme.
Всем привет! Продолжаю потихонечку работать над своим блогом, испытываю на нем разные плагины. И по мере их применения я параллельно пишу статьи о них. Сегодня моего внимания ...
Для хорошего блога, делаем красивые комментарии
Ну вот наконец - то! Свершилось! Настал тот момент, когда я для своего блога сделал нормальные комментарии. Вы не представляется друзья, сколько я времени провозился с ними. ...
Как сделать бекап(backup) сайта. Плагин WordPress Database Backup.
Здравствуйте, дорогие друзья! Я наконец то смог достичь посещаемости 50 человек/сутки.  Это произошло 4 сентября в среду на этой недели :smile: . Теперь остается закрепиться ...

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

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

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