Кнопка «Наверх» без кода
Плагин добавляет на сайт плавающую кнопку возврата наверх через настройки WordPress. Редактировать footer.php, functions.php или файлы темы не нужно.
Vagizov Scroll Top — бесплатный WordPress-плагин для добавления на сайт аккуратной кнопки «Наверх» с настройкой цвета, формы, иконки, позиции, отступов, пресетов, hover-эффектов и индикатора прокрутки без редактирования темы.
Любая поддержка помогает быстрее выпускать обновления, исправлять ошибки и делать новые бесплатные инструменты для WordPress.
Vagizov Scroll Top — это бесплатный WordPress-плагин для добавления на сайт кнопки «Наверх». Он помогает пользователю быстро вернуться к началу страницы без лишней прокрутки, особенно на длинных статьях, лендингах, страницах услуг, каталогах товаров, инструкциях и FAQ.
Плагин не требует редактирования файлов темы, вставки JavaScript или ручного подключения CSS. Все основные настройки доступны из админки WordPress: можно выбрать готовый пресет или настроить кнопку вручную под стиль сайта.
Vagizov Scroll Top поддерживает настройку размера, формы, цвета, градиента, позиции, отступов, иконки, hover-состояний и индикатора прокрутки. В качестве иконки можно использовать символ, inline SVG или SVG-файл.
Кнопка выводится как фиксированный элемент и не занимает место в основном потоке страницы. Это важно для стабильности макета: кнопка не должна сдвигать контент и создавать CLS. Фронтовая часть сделана без отдельных render-blocking CSS/JS-запросов плагина на публичной части сайта.
Мобильный вывод по умолчанию отключён, потому что на смартфонах плавающие элементы могут мешать нижнему меню, чатам, cookie-баннерам, корзине и кнопкам связи. При необходимости кнопку можно включить отдельно и проверить её отображение на мобильной версии сайта.
Плагин подойдёт владельцам блогов, сайтов услуг, лендингов, интернет-магазинов, SEO-специалистам и WordPress-разработчикам, которым нужна аккуратная кнопка возврата наверх без правки темы.
Плагин добавляет на сайт плавающую кнопку возврата наверх через настройки WordPress. Редактировать footer.php, functions.php или файлы темы не нужно.
Можно выбрать обычный фон или градиент, настроить цвет иконки, hover-состояние, цвет индикатора и цвет линии прогресса.
В качестве иконки можно использовать простой символ, вставить inline SVG или указать SVG-файл. Для SVG рекомендуется использовать currentColor, чтобы цвет управлялся из настроек.
В плагине есть коллекция готовых вариантов кнопки. Пресеты помогают быстро выбрать внешний вид без ручной настройки каждого параметра.
Плагин может показывать прогресс прокрутки вокруг кнопки: кольцом для круглой формы или линией по периметру для квадратных и скруглённых вариантов.
Можно настроить расположение кнопки снизу справа, снизу слева или снизу по центру, а также задать отдельные отступы для десктопа и мобильных устройств.
Мобильную версию можно включить или отключить отдельно. По умолчанию мобильный вывод отключён, чтобы кнопка не мешала интерфейсу на маленьких экранах.
Кнопка выводится как fixed-элемент, не занимает место в контенте и не должна создавать сдвиги макета. Фронтовые стили и скрипт плагина не подключаются как render-blocking CSS/JS-файлы на публичной части сайта.
В настройках есть предпросмотр кнопки, чтобы сразу видеть выбранный размер, форму, цвет, иконку, индикатор и hover-эффект.
Можно создавать свои пресеты, экспортировать настройки и импортировать их через JSON, чтобы быстро переносить оформление между сайтами.
Главный экран настроек: включение кнопки, отображение на десктопе и мобильных, условия вывода и базовые параметры.
Настройки внешнего вида: размер, форма, режим фона, цвет, градиент, hover-состояние и тень.
Выбор иконки для кнопки: символ, inline SVG или SVG-файл с возможностью управлять цветом из настроек.
Готовые пресеты позволяют быстро выбрать стиль кнопки без ручной настройки цвета, формы и индикатора.
Live preview показывает, как кнопка будет выглядеть на сайте после сохранения настроек.
Скачайте архив плагина Vagizov Scroll Top в формате ZIP со страницы плагина.
Откройте админку WordPress, перейдите в «Плагины → Добавить новый → Загрузить плагин» и выберите ZIP-файл.
После установки нажмите «Активировать». В админке появится отдельный пункт меню Scroll Top.
Перейдите в «Scroll Top → Настройки», выберите пресет или настройте кнопку вручную.
Откройте длинную страницу сайта, прокрутите её вниз и проверьте появление кнопки, позицию, цвет, hover и работу возврата наверх.
- Добавлен релизный интерфейс настроек плагина.
- Добавлена кнопка «Наверх» с настройкой цвета, формы, позиции, отступов и hover-эффектов.
- Добавлена поддержка символа, inline SVG и SVG-файла.
- Добавлен индикатор прокрутки вокруг кнопки.
- Добавлена коллекция готовых пресетов.
- Добавлены импорт и экспорт пользовательских пресетов.
- Добавлен live preview кнопки в админке.
- Добавлены отдельные настройки отображения на десктопе и мобильных устройствах.
- Мобильный вывод по умолчанию отключён.
- Фронтовые CSS/JS не подключаются как отдельные render-blocking файлы на публичной части сайта.
- Кнопка выводится как fixed-элемент и не должна создавать CLS.
- Исправлена работа color picker в админке.
- Исправлена повторная активация color picker после закрытия.
- Убраны лишние !important из стилей.
- Подготовлен релизный ZIP-архив.