Здесь я расскажу вам как добавить кнопку подняться “НАВЕРХ”, которая позволит, при ее нажатии, с легкостью подняться к началу статьи.

Скачать исходники для статьи можно ниже

На моем сайте вы можете увидеть данную кнопку в левом нижнем углу. Для добавления кнопки будем использовать плагин Dynamic “To Top” Plugin.

Есть много других плагинов для реализации данной кнопки, но данный плагин есть на сайте wordpress.org  и его на момент написания данной статьи скачали уже 39,305 раз, его последнее обновление: 153 дня назад. К тому же в настройках данного плагина реализована возможность менять внешний вид кнопки, однако сами настройки на английском.

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

Заходим в панель управления вашим сайтом, жмем в левом меню на закладку “Плагины” , выбираем подпункт “Добавить новый” и в поиске вписываем Dynamic “To Top” Plugin, жмем “Установить сейчас” и “Активизировать”.

После активизации в закладке “Внешний вид” у вас появился подпункт “To Top” здесь и находятся настройки плагина.

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

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

3. Это как будет перематываться Ваша страница вверх (попробуйте поменять на Elastic – сразу видно изменение).

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

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

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

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

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

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

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

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

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

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

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

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

16. Цвет фона.

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

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

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

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

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

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