Вверх кнопка для wordpress – Кнопка вверх WordPress – сделать прокрутку сайта без плагина и с ним

Содержание

Кнопка вверх WordPress — лучшие плагины

(Последнее обновление: 27.11.2019)

Всем привет! У вас есть на сайте кнопка вверх WordPress для плавной прокрутке страницы наверх? То есть, плавающая кнопка на сайте сбоку WordPress. Ещё не установили. Давайте не откладывайте установку волшебной кнопки на потом, ведь с кнопкой вверх на сайте очень удобно, особенно вашим посетителям. Без неё ну ни как, меня просто бесит когда на сайте её нет. Приходится колёсико крутить для того, чтобы вернуться к началу страницы. Плохо, очень плохо без кнопочки. Надо веб-мастерам больше заботится о своих посетителях.

Scroll To TopScroll To Top

Кнопки для плавной прокрутки вверх в Вордпресс

Дамы и господа, будьте внимательней к своим читателям, а то потеряете их навсегда.

Плагины — кнопка вверх для WordPress

Сегодня я познакомлю вас с лучшими плагинами с помощью которых вы сможете установить кнопку Back to top (Scroll To Top) на свой сайт или блог. Плагины подобраны по наибольшему скачиванию модулей пользователями платформы WP. Напомню, все плагины можно установить стандартным способом, из админки, через поиск и загрузчик плагинов. Скачивать ни чего не надо. Установил, активировал, настроил и всё.

Как сделать кнопку вверх на сайте

  • Устанавливаем и активируем плагин;
  • Настраиваем кнопку.

Первым у нас пойдёт:

Простой плагин jQuery Smooth Scroll

Прокрутка вверхПрокрутка вверх

Плагин jQuery Smooth Scroll

Модуль для плавной прокрутки обратно вверх. Данный плагин автоматически добавляет кнопку вверх (стрелка), после установки и активации модуля.  Кнопка вверх появится в правом нижнем углу сайта. Как говорится, установил и забыл.  Установили плагин уже более 50 700 раз. Все файлы CSS и JS сжимаются, чтобы получить высокий балл в Google Page Speed.

А вот так выглядит наша кнопочка:

Knopka-vverh-WordPressKnopka-vverh-WordPress

Кнопка вверх на сайте WP

Легкий плагин Smooth Scroll Up — плавная прокрутка вверх

Smooth-Scroll-Up-Knopka-vverh-WordPressSmooth-Scroll-Up-Knopka-vverh-WordPress

Легкий плагин Smooth Scroll Up

Плавная прокрутка вверх — это легкий плагин, который создает настраиваемую функцию наверх на вашем сайте WordPress. Плагин Smooth Scroll Up имеет минимальные настройки. Выберите из различных типов элементов прокрутки вверх — изображение, значок, текстовая ссылка т.д..

nastrojki-Smooth-Scroll-Upnastrojki-Smooth-Scroll-Up

Опции для настройки плагина Smooth Scroll Up

Плагин на русском языке, так, что проблем с настройками кнопки вверх у вас не возникнет. Кнопка вверх WordPress сделает ваш сайт более удобным для посетителей.

Плагин WPFront Scroll Top

Вверх кнопка WPВверх кнопка WP

Добавляем кнопку прокрутки вверх

Модуль WPFront Scroll Top позволяет посетителю легко прокручивать назад до верхней части страницы с полностью настраиваемыми параметрами и изображением. Данный плагин имеет больше настроек и главное, очень большой выбор иконок (изображений) самой кнопки. А так же можно обойтись и без картинки:

WPFront-Scroll-Top-nastrojkiWPFront-Scroll-Top-nastrojki

Настройка плагина WPFront Scroll Top

И сами изображения кнопок, есть из чего выбрать. Даже, если вам не подходит ни одна картинка кнопки на верх, можно указать ссылку на своё изображение кнопочки:

kartinki-knopok-vverhkartinki-knopok-vverh

Выбор кнопки вверх

Согласитесь, довольно приличный набор картинок для волшебной кнопки. Плагин WPFront Scroll Top переведён на русский язык, значит разберётесь легко. А вот пример установленной кнопки на сайте:

knopka-vverh-primerknopka-vverh-primer

Кнопка вверх

Плагин Scroll Back To Top — кнопка на вверх

Scroll-Back-To-Top-plaginScroll-Back-To-Top-plagin

Плагин Scroll Back To Top

Модуль Scroll Back To Top также имеет ряд настроек и выбора как будет выглядеть кнопка на верх:

Scroll -Back- To- TopScroll -Back- To- Top

Настройка плагина Scroll Back To Top

И собственно выбор самой кнопки:

Scroll-Back-To-TopScroll-Back-To-Top

Выбор кнопки на вверх

А вот пример кнопочек на сайте WordPress стрелка вверх:

knopka-vverh-na-sajteknopka-vverh-na-sajte

Пример кнопок вверх на сайте

И ещё, пара.

Simple Scroll to Top Button

Кнопка «Scroll to Top» появляется в правом нижнем углу веб-сайтаКнопка «Scroll to Top» появляется в правом нижнем углу веб-сайта

Кнопка Scroll to Top для ВордПресс

Простой в использовании, с интуитивно понятным интерфейсом, плагин WordPress, который дает вам возможность легко и безопасно добавить кнопку «Scroll to Top» на ваш сайт WordPress. Кнопка «Scroll to Top» появляется в правом нижнем углу веб-сайта, когда посетители прокручивают страницу.

Этот плагин дает вам более полный контроль над кнопкой вверх, её можно настроить на странице настроек модуля. Вы можете выбрать, где будет отображаться кнопка, например, домашняя страница или все страницы. Вы можете настроить стиль кнопки. Plagin переведён на русский язык. Разберётесь с лёгкостью:

Интуитивно понятный интерфейс с множеством настроекИнтуитивно понятный интерфейс с множеством настроек

Разделы Настройки и Предварительный просмотр

Совместим со всеми темами WordPress. Просто установи, настрой и начинай наслаждаться своей модной кнопкой «Scroll to Top». Плавающая кнопка на сайте сбоку ВордПресс:

Возможность отображения кнопки на полном веб-сайтеВозможность отображения кнопки на полном веб-сайте

Стрелка наверх на сайте

А вот есть и такие: кнопки плавной прокрутки вверх / вниз

Smooth Scroll Page Up/Down Buttons

Плагин Smooth Page Scroll Up / Down Buttons для WordPress Плагин Smooth Page Scroll Up / Down Buttons для WordPress

Кнопки плавной прокрутки вверх / вниз

Если одной стрелки вам мало, то можно установить две: вверх и вниз. Плагин Smooth Page Scroll Up / Down Buttons для WordPress добавляет кнопки на каждую страницу вашего сайта, которые можно использовать для плавной прокрутки вверх или вниз. Это может быть особенно удобно для страниц с большим количеством текста / контента. Есть станицы с настройками. Например, расположение Buttons, используйте любой из 4 шаблонов макета. Установите скорость, с которой страницы должны прокручиваться:

Выберите один из трех вариантов расположения кнопокВыберите один из трех вариантов расположения кнопок

Экран настроек расположения Buttons

Вот пожалуй и всё. По моему достаточно плагинов с помощью которых вы сможете установить кнопку вверх на сайт ВордПресс. Выбор за вами, дорогие друзья. Надеюсь вам пригодится данный обзор. Удачи и до встречи.


Добавляем кнопку «вверх» на сайт WordPress

Вернемся в прошлое, к статье «Кнопка «вверх» для WordPress» в ней говорилось об установки этой возможности без использования плагинов. Весьма правильное решение в плане оптимизации сайта, лишний модуль, лишнее подключение все это влияет на скорость ресурса. Но если по каким-то причинам этот вариант вас не устраивает, то всегда можно обратиться к плагинам.

В статье как раз рассмотри три плагина, которые динамично создадут кнопку «вверх» с плавным эффектом. Все трудности заключаться будут лишь в выборе, установки, активации и в преобразовании нескольких настроек.

1-й. Scroll Back to Top

Простенький плагин с мельчайшими настройками внешнего вида, расположения, скорости (scroll). Позволяет редактировать фон кнопки, hover, размер и отступы от края браузера, а также выбрать из нескольких вариантов вид стрелки или просто использовать желаемую надпись.

Иконки, отображающие на скриншоте созданы с помощью шрифта Font Awesome поэтому заменить на свои будет немного проблематично. Но думаю такой острой нужды в этом нет они достаточно корректны и с определенными настройками построят приятный внешний вид.

2-й. WP Smooth Scroll

Данный плагин немного ограничен в настройках имеется лишь выбор расположения кнопки «вверх». В остальном отлично справляется со своей работой по умолчанию кнопка выглядит следующим образом:

Если хотите ее заменить на свою, то следуйте по пути …/plugins/wp-smooth-scroll/images/… и произведите обмен картинки с таким же названием и в том же формате.

3-й. WPFront Scroll Top

Тритий плагин из нашего списка мало чем отличается от остальных, но преимущество все же имеет, а именно:

  • Загрузка своей кнопки «вверх»
  • Большой выбор уже готовых кнопок.
  • Ряд необходимых настроек.
  • Выбор показа на определенных страницах.
  • Плагин русифицирован.

После установки и активации плагина обратите внимания на первый пункт параметров «Включить» отметьте его иначе кнопка не будет отображаться.

Выбор по умолчанию кнопок «вверх».

Вот и все.

Как сделать кнопку вверх в WordPress (Back to top) через плагины

Кнопка наверх присутствует сейчас во многих сайтах и помогает пользователям быстро вернуться в самый верх страницы. Это достаточно удобно, если на сайте отображается много информации. Поэтому дабы каждый раз не приходилось прокручивать веб-страницу обратно к началу статьи или к меню, разработчики советуют добавлять кнопку вверх. Располагается она, как правило, в правом нижнем углу и появляется по мере приближения к концу страницы. Опция достаточно интересная и не такая уж сложная в реализации.

Можно, в принципе, создать кнопку наверх с помощью определенных скриптов и правки WordPress шаблона, однако есть вариант проще — плагины. Он идеально подойдет для тех, кому лень разбираться кодом, или тем, кто плохо ориентируется в вопросах веб-разработки. Кроме того, у модулей есть разные настройки для реализации тех или иных интересные фишек. А это тоже, согласитесь, весьма полезно. Из 10-ти плагинов, найденных для функции Back to top, я рассмотрю лишь 4, которые имеют достаточное число скачиваний и отвечают актуальным версиям системы WordPress.

Smooth Scroll Up

Лекий и настраиваемый плагин Smooth Scroll Up позволяет добавить кнопку вверх для любого поста/страницы в WordPress. Скачали модуль более 40 тысяч раз, поддерживаются версии WP от 3.2 до 4.1. Последнее обновление было буквально недавно. Имеются переводы на разные языки (русского, украинского пока что нету).

Основные возможности Smooth Scroll Up:

  • Выбор разных элементов для кнопки вверх: текст, картинка, кнопка.
  • Выбор позиции для элемента Back to top: слева, справа, по центру.
  • Возможность указывать любой текст для кнопки наверх.
  • Задание расстояния от верха страницы, после которого появляется кнопка.
  • Анимация при скролинге (прокрутка, затемнение).
  • Отображение/скрытие на главной странице и мобильных устройствах.
  • Добавление события при клике.

Устанавливается плагин традиционно, работать начинает «из коробки», вам просто нужно указать те или иные настройки для кнопки вверх.

jQuery Smooth Scroll

Модуль jQuery Smooth Scroll добавляет плавную прокрутку страницы после клика на кнопку вверх. Как и положено, после прохождения определенной точки на странице справа внизу появится элемент Back to top. Плагин скачали более 48 тысяч раз, официально поддерживается версия системы от 3.1 до 4.0. Модуль разработан на основе другого Scroll to Top, который (судя по всему) уже не столь актуален.

Основные фишки jQuery Smooth Scroll:

  • Автоматическое добавление кнопки после активации и отсутствие лишнего пункта меню в админке WordPress. Не зря в описании модуля сказано «активируйте и забудьте».
  • Плавная прокрутка, появление кнопки вверх в правом нижнем углу.
  • Легкая настройка с помощью правки css/js кода.
  • Все CSS и JS файлы сжаты для лучшего результата Google Page Speed.

Как видите, модуль jQuery Smooth Scroll имеет очень большое отличие от предыдущего. Здесь вообще нет настроек, но для кого это означает меньше мороки с изучением модуля.

WPFront Scroll Top

Плагин WPFront Scroll Top, как и другие, позволяет пользователям сайта легко и быстро пролистывать его наверх с помощью специальной кнопки. Он полностью настраиваемый и работает на всех мобильных устройствах. Установок здесь несколько меньше — более 17 тысяч, поддержка для версий системы от 3.0 до 4.0.

Основные функции:

  • Собственно отображение кнопки вверх и прокрутка назад в начало страницы при клике.
  • Создание текстовой кнопки или картинки.
  • Добавление любого изображения (!) что захотите.
  • Скрытие на мелких устройствах и ifram’ах.
  • Фильтр для страниц/постов.

Для того чтобы вы убедились, что настроек в модуле WPFront Scroll Top действительно много, публикую скриншот из админки.

Scroll Back To Top

Последний плагин для рассмотрения — Scroll Back To Top. Выполняет все те же функции для кнопки вверх, которая появляется по мере прокрутки страницы вниз пользователем. Идеально подходит тем, кто не силен в HTML, CSS или jQuery. Модуль работает сразу после активации, но вы можете внести изменения в его настройки. Судя по скриншотам из админки разных опций хватает.

Здесь и параметры для кнопки наверх (цвет, граница, фон, прозрачность), и задание расположения элемента Back To Top, и использование картинок или текста для него, плюс опции анимации при прокрутке и т.п. Поддерживаемые версии WordPress — от 3.0 до 3.9.2, скачан модуль более 18 тысяч раз.

Из этих четырех плагинов для кнопки наверх я бы и советовал вам выбирать. Очередность их в обзоре не является рейтингом, то есть не значит, что я рассматривал лучшие в начале или в конце статьи, они идут по мере ознакомления. Все, в принципе, зависит от ваших нужд. Если вы вообще далеки от разработки и WordPress, то проще всего установить Smooth Scroll Up и забыть. Желающим покопаться с настройками, подойдут два последних плагина. Первый — наиболее новый на данный момент. В общем, выбрать есть из чего.

Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!

Кнопка Наверх для WordPress. Варианты установки

Установка кнопки Наверх для сайта

Кнопка “наверх” для сайта уже давно стала обязательным атрибутом.

Посудите сами, вы читаете достаточно длинную статью. Дочитали, теперь надо перейти наверх сайта. Можно это сделать с помощью ползунка в браузере, но, согласитесь, намного удобнее кликнуть мышкой и оказаться в верхней части с плавным, аккуратным эффектом. Мелочь, конечно, но, как раз из таких мелочей и складывается отношение к вашему сайту. Да и самому приятнее, когда статью проверяешь, да, или просто, своим сайтом любуешься. Если с душой сделан, конечно.

Многие современные темы уже имеют встроенные функции кнопки Наверх. Это могут быть и стрелочки, и надписи с текстом по вашему вкусу. Большое всего, конечно, разнообразных стрелочек. Аккуратненькие, элегантненькие, они всегда под рукой, в любой момент можно переместиться к верхней части.

Есть, правда, мнение, что для современных браузеров уже есть расширения, где можно установить такую кнопку для любого сайта. Да, эти расширения есть, и для Хрома, и для Лиса. Но, учитывайте то, что люди к вам на сайт заходят разные. Немало поклонников IE, кому-то, просто не хочется устанавливать на свои браузеры дополнительные расширения, кто-то просто не знает о таких возможностях. Короче, лишним не будет, имеет смысл потратить некоторое время для улучшения работы своего сайта.

Варианты установки кнопки Наверх для сайта на движке WordPress

Установка кнопки Наверх с помощью кода.

Тут у меня имеется своё мнение, которым, с удовольствием поделюсь с вами.

Много разных вариантов для установки кнопки Наверх, да и много ещё чего, самостоятельно. В принципе, не сложно прописать несколько строчек кода в нужные файлы. Вопрос только – ЗАЧЕМ?

Есть такое мнение, что лишние плагины утяжеляют работу сайта, делают её более медленной. Естественно, такое дело имеет место. Но, если вы уже решили сделать нужное дополнение, то, какая разница, пишите вы код самостоятельно, или он будет добавлен после установки нужного плагина? Количество команд и так и так увеличится, код скрипта, в любом случае потребует некоторые ресурсы для своей обработки. Только, в одном случае, вы добавляете код руками, в другом, это добавление делает плагин.

И не забывайте такой момент. Код то установить можно, работать он будет. Но, первое, насколько корректно это будет продолжаться после обновления движка? Второе, коды плагина постоянно усовершенствуются. Идёт обсуждение, идёт поиск багов и глюков. Разработчики регулярно обновляют свои плагины, так что, намного больше шансов иметь более оптимизированный код от профессионального разработчика, чем после самостоятельного добавления.

Ну и элементарное удобство. Надоел вам такой вариант кнопки Наверх, деактивировали плагин, установили другой. Понравилось, замечательно, нет, быстренько активировали проверенный. Смысл из-за такой мелочи огород городить, вот оно надо, через полгода вспоминать, что вы там в функции прописывали.

Не буду здесь описывать способ установки кодом, при желании, в сети эти варианты легко разыскиваются.

Плагин Scroll to Top Button

Это, наверное, самый популярный плагин для добавления кнопки Наверх на сайт на сегодняшний день. Своего рода классика жанра. Устанавливается и настраивается легко и просто.

Идем в ПлагиныДобавить новый, в окошко поиска вставляем  Scroll to Top Button. Находим, устанавливаем, активируем.

Во вкладке Внешний вид появляется пункт Scroll to Top Button

, нажимаем и видим настройки этого плагина:

Настройка плагина Scroll to Top Button

Их всего две. Цветовая схема – темная или светлая. Размер – большой или маленький.

Выбираем нужные параметры и любуемся, как в правом нижнем углу, после некоторого перемещения вниз, появляется стрелочка Наверх. Аккуратненькая, переход плавный, в принципе, больше ничего и не нужно. Плагин обновляется регулярно, так что код всегда будет свежий и на скорость работы сайта, судя по отзывам, никакого влияния оказывать не будет.

Не будем останавливаться на одном плагине, посмотрим, что ещё можно разыскать для нашей кнопочки Наверх.

Плагин JCWP Scroll To Top

Вот тут уже совсем другая картина наблюдается. Этот плагин даёт возможность изменить внешний вид нашей кнопки на свой вкус, цвет и размер. Ну, по порядку.

Идем в Плагины – Добавить новый, в поиск вставляем JCWP Scroll To Top, находим, устанавливаем, активируем.

Настройки плагина можно уже найти в другой вкладке – ПараметрыJCWP Scroll To Top:

Настройка плагина JCWP Scroll To Top

Я не стал размещать на картинке все настраиваемые параметры, слишком длинной бы получилась.

Настраивается практически всё.

  • Длительность анимации;
  • Через какое количество пикселей прокрутки появялется;
  • Можно сделать свой идентификатор для кнопки;
  • Эффект для появления кнопки;
  • Позиция кнопки;
  • Текст на кнопке;
  • Настройка цвета фона, шрифта, размера букв, цвет рамки, закругления углов;
  • Отключение для мобильных устройств;

Вот такие настройки. Как видим, у нас не будет готового изображения кнопки, оно будет сформировано теми стилями, которые мы зададим. Удобное решение, подходит, практически под любой дизайн, интересные эффекты для появления.

Едем дальше, кому-то могут нравится только графические кнопки, для них есть:

Плагин WPFront Scroll Top

Установка стандартная ПлагиныДобавить новый WPFront Scroll Top. Скачиваем, устанавливаем, активируем.

Найти настройки плагина можно во вкладке WPFrontScroll Top:

Настройка плагина WPFront Scroll Top

Тут у нас появляется настоящий Клондайк для любителей графических кнопок. Выбор, действительно, приличный, на любой вкус. Есть и просто стрелочки, и с надписями, и прозрачные, и темные, и светлые. Выбирай, что хочешь.

  • Можно настроить количество пикселей для появления кнопки;
  • Можно сделать свой размер кнопки;
  • Кнопке можно добавить прозрачности;
  • Настройки плавности для появления кнопки и для перемещения наверх;
  • Можно настроить появление кнопки для мобильных устройств;
  • Настройка расположения и отступов для кнопки;
  • Можно задать адрес, по которому перейдет пользователь после нажатия на кнопку. Странная опция, хотя, кто знает, может кому и пригодится;

Изображения, действительно, симпатичные. Есть и строгие, есть и веселёнкие, на любой вкус.

Вот такие плагины помогут вам легко и просто сделать на своём сайте нужную и полезную кнопочку Наверх. Всем удачи!

✔ Этот сайт работает на быстром, надёжном, не дорогом хостинге GIGAHOST

Плагин кнопки для WordPress

В WordPress любую задачу можно решить двумя способами: с помощь внедрения кода и для этого требуются знания программирования; либо плагинами. Второй вариант куда лучше и практичнее. Кнопки для WordPress можно также установить двумя методами. В этой статье я расскажу вам про самый лучший и удобный плагин, который решает эту задачу качественно и легко.

Описанный ниже плагин может делать кнопки, оформлять их и присваивать им ссылки и многое другое.

Плагин кнопки для WordPress

Плагин кнопки для WordPress

Это вам тоже может быть интересно:

Кнопки для WordPress с помощью Buttons Shortcode And Widgets

По наименованию плагина видно, что он позволяет выводить кнопки шорткодом (можно помещать в записи и страницы) или виджетом (можно поставить в боковые колонки и другие области виджетов). Скачать этот плагин можно по ссылке ниже.

Установите плагин и активируйте его. После этого в консоли будет новый пункт «Buttons Shortcode And Widgets», и в нём нет ничего интересного. Поэтому сразу перейдите в пункт «Внешний вид» и подпункт «Виджеты». Здесь вы увидите новый виджет «OTW Shortcode Widget». Чтобы начать работать с ним, перетащите его в нужную область виджетов, и разверните для настройки.

В первую очередь нажмите кнопку «Add» рядом со списком «Select Shortcode».

Плагин кнопки для WordPress

Откроется окно для создания кнопки. Слева – настройки, а справа – её предварительный просмотр, который изменяется при каждом изменении настроек.

Плагин кнопки для WordPress

Все опции кнопки WordPress на английском языке, поэтому я пробегусь по пунктам и поясню значение настроек:

  • Title. Сюда запишите текст надписи вашей кнопки.
  • Link. В этом поле поместите ссылку, на которую должна направлять кнопка при клике по ней.
  • Open in a new window. Опция позволяет назначать атрибут, который открывает ссылку кнопки для WordPress в новой вкладке.
  • Size. Размер кнопки – четыре разных варианта.
  • Icon type. Большой выбор всевозможных иконок, которые можно поставить на кнопке.
  • Icon position. Положение иконки – справа или слева на кнопке.
  • Shape. Три варианта формы кнопки – прямоугольная, закруглённая и округлая.
  • Цвет кнопки.
  • Background Color. Цвет фона кнопки.
  • Border color. Цвет границы кнопки.
  • Title color. Цвет текста на кнопке.
  • Icon URL. Если среди готовых иконок не нашлось той, что вам нравится, здесь можно установить свою картинку.
  • CSS Class. Можно задать свой класс стиля.

Когда настройка кнопки для WordPress будет закончена, не забудьте сохранить, нажав на «Save», и потом можно посмотреть, как она выглядит.

Как было сказано выше, плагин позволяет добавлять кнопки в записи и страницы. Для этого перейдите в редактор и там вы увидите новую кнопку.

Плагин кнопки для WordPress

При клике на неё появится такое же окно опций, как и в виджете того плагина. И благодаря ему можно настроить кнопку и поместить её в запись или на страницу.

Статьи по теме:

Кнопка прокрутки вверх: 5 плагинов для WordPress

Кнопка прокрутки вверх необходима на таком сайте, где публикуются длинные и объёмные записи. Она позволяет посетителю, находясь в любой части экрана, переместится вверх страницы. Это очень удобно и экономит время, так как нет необходимости долго и нудно прокручивать всю страницу вручную.

В этой статье я приведу обзор плагинов, которые позволят добавить на сайт кнопку для возврата вверх страницы. Вы познакомитесь с возможностями каждого из них и сможете выбрать то, что вам нужно.

To Top

Очень простой, и при этом широконастраиваемый плагин для созданий кнопки возврата на начало страницы. Среди его возможностей выделю такие:

  • Установка в качестве изображения кнопки готовых вариантов или собственной картинки.
  • Настройки дизайна кнопки – цвета, размеры, отступы.
  • Настройка позиции кнопки.
  • Кнопка прокрутки вверх может быть включена в консоли администратора.
  • Можно выбрать самое маленькое разрешение экрана, при котором эта кнопка будет отображаться.

 

CG Scroll To Top

Плагин создаёт симпатичную настраиваемую кнопку для возврата к началу страницы.  Функции такие:

  • Есть анимированная кнопка, которая включает в себя две функции – кнопка прокрутки вверх и отображение степени прокрутки страницы. Очень удобно.
  • Можно выбрать кнопку из готовых вариантов
  • Настройки размера и цветов.
  • Можно выбрать на каких типах записей будет или не будет отображаться кнопка вверх.
  • Настройка положения.

 

CRUDLab Scroll to Top

Самый легко настраиваемый плагин среди всех подобных. Содержит в себе минимум опций и возможностей, но работает также хорошо.

  • Выбор отображения кнопкой на тех или иных типах записей.
  • Несколько готовых вариантов иконок для кнопки.
  • Настройка позиции.

 

Dynamic «To Top» Plugin

Качественный плагин, которые создаёт быструю прокрутку к началу страницы. Дополнение имеет следующие возможности:

  • Плавная прокрутка вверх и её детальная настройка.
  • Позиция кнопки.
  • Возможность выбора в качестве кнопки иконки или текста. Свою иконку установить нельзя.
  • Настройки цвета, размера отступов, границ, теней и прочего.

 

Smooth Scroll Page Up/Down Buttons

С этим плагином будет создана не только кнопка прокрутки вверх, но также  и вниз, что удобно для постепенного чтения материала.

  • Кнопки вверх-вниз для медленной прокрутки, для удобного чтения.
  • Кнопка для быстрого возврата вверх.
  • Возможность настройки скорости прокрутки.
  • Настройка размера кнопки.
  • Выбор позиции кнопки.

Спасибо что поделились!!!

Кнопка вверх для сайта на wordpress

19 02 2018      Дмитрий Воробьев       27 комментариев

Приветствую Вас, уважаемый читатель! Недавно получил письмо от моей подписчицы с вопросом как добавить на блог WordPress полезную функцию быстрой прокрутки к началу статьи, которая называется «Кнопка вверх для сайта». Я подумал, что моим читателям также может быть полезна эта информация, поэтому записал небольшой видеоурок.

Для чего нужно такая кнопка и как она выглядит? Если Вы прямо сейчас прокрутите страницу моего сайта, то увидите, что в правом нижнем углу появляется маленькая иконка со стрелкой. При нажатии на нее Вы автоматически переместитесь к началу статьи.

Когда это может быть удобно? Например, Вы прочитали статью и понимаете, что вверху были ссылки на рубрики, страницы, которые можно было бы прочитать, но так не хочется крутить колесико мыши ))) В этот момент и приходит на выручку этот полезный инструмент.

К тому же это экономит время. Длинный пост может занимать 5-6 экранов прокрутки (а иногда и больше), но одно нажатие на кнопку вверх мгновенно перемещает Вас к началу страницы.

Ну что ж, о преимуществах кратко рассказал, теперь к делу.

Как установить плагин «Кнопка вверх для сайта»?

Сам плагин, конечно же, звучит не так, полное название — WPFront Scroll Top, и найти его можно на официальном сайте WordPress, а еще проще прямо в админ-панели Вашего блога.

Важно! В видеоуроке показано, как установить кнопку вверх для сайта, работающего под управлением движка wordpress! Для других сайтов необходимо использовать альтернативные варианты.

Вот так выглядит плагин в панели управления (скриншот на момент публикации статьи, возможно изменение интерфейса или данных о плагине):

Устанавливается и активируется он стандартно, а далее необходимо выполнить простые настройки. Весь процесс установки и настройки, а также демонстрацию работы показал в видеоуроке.

Название плагина: WPFront Scroll Top

Теперь и Вы знаете, как добавить кнопку вверх для сайта, используя простой и доступный плагин. Кстати, видеоуроки можно просматривать быстрее, используя встроенную функцию Youtube, об этом я рассказал в статье «Как быстро обучаться в Интернете»

Понравились ли Вам статья и видеоурок? Какие еще уроки Вы хотели бы видеть на моем блоге? Пишите Ваши вопросы, предложения и пожелания в комментариях!


С уважением, Дмитрий Воробьев

Спасибо, что поделились статьей в социальных сетях!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *