Здесь я расскажу вам как добавить кнопку подняться “НАВЕРХ”, которая позволит, при ее нажатии, с легкостью подняться к началу статьи.
Скачать исходники для статьи можно ниже
На моем сайте вы можете увидеть данную кнопку в левом нижнем углу. Для добавления кнопки будем использовать плагин 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. Сохранить изменения.
Спасибо. Все доходчиво и понятно,
БлагоДарю за полезную и удобную кнопочку! Плагин установила и настроила быстро и совершенно без проблем.
Большое спасибо давно хотела эту кнопку. Главное, вы все очень по полочкам разложили как устанавливать. Удачи вам и процветания.
Спасибо. Очень простой и удобный плагин. Только вот у меня кнопка почему-то так и не появилась.
БлагоДарю за подробное и понятное объяснение. Все сделала, работает, очень удобно.
а я не понял как это сделать
Спасибо скачал поставил, очень доволен! Везде пишут про Scroll to Top, у меня он почему то не отображается, а ваш вариант как нельзя лучше, прям влился в дизайн блога!