Как установить кнопку прокрутки «Наверх» на WordPress

Как установить кнопку прокрутки «Наверх» на WordPress

Кнопка «Наверх» — 3 варианта

Эта статья родилась после письма от одной читательницы, которая спросила, как быстро поставить кнопку прокрутки страницы наверх. Естественно, такое (быстрое) решение есть и это плагины. Но я решил в этой статье дать несколько решений данной проблемы – плагин который выполняет эту функцию, Web сервис плавающих кнопок, и скрипт который прокручивает страницу не только наверх но и вниз (как говорится каждому своё). Поверьте на данный момент таких решений очень много, но я вам дам только те через которые я сам прошел и не жалею.

Плагин

И так самый простой, и быстрый способ установки такой кнопки, как я уже говорил, это плагин. У плагинов как мы знаем, есть один недостаток – чем их больше на сайте, тем ему тяжелее нормально работать. В основном это решение для новичков, коим и я был, а может и есть (все зависит от того с кем сравнивать). Плагин, который я хочу вам предложить, называется «Cudazi Scroll To Top». Скачать его можно с официального репозитория WordPress по этой ссылке, или прямо из админки сайта (Плагины» Добавить новый), написав его имя в графе поиска. Скачиваем и стандартно устанавливаем, кто пользуется Ftp – закидываем в «/ wp-content/plugins /». Заходим в меню (Плагины» Установленные) и активируем. Поздравляю, ваша первая кнопка готова к работе.

Сервис Share42

Это было мое второе решение данной проблемы и весьма не плохое должен сказать. Об этом сервисе есть целая статья, у меня на блоге, где вы найдете, в подробностях, описание от скачивания до установки. В двух словах это боковая плавающая панель, которую вы видите справа от себя. Раньше в самом низу панели была кнопка «Наверх». Сервис бесплатный и в принципе очень удобный. И перейдем к последнему решению...

Скрипт кнопки «Вверх/Вниз»

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

Если у вас серый фон сайта, вы можете сохранить себе те кнопки, которые стоят у меня на сайте (правая клавиша мыши – сохранить картинку как). Почему я упомянул о фоне сайта, думаю понятно – желательно, чтобы они как можно гармоничнее вписывались в ваш шаблон, особо не привлекая внимание. Если нет, вы можете найти их в интернете, либо нарисуйте сами (прозрачный фон и в формате png), размер по своему усмотрению, но думаю больше чем 50х50 пикселей не надо. Сами изображения кнопок (а их должно быть два), надо закачать к себе на сайт и «сохранить изменения». После этого заходим в папку «Медиафайлы», находим наше первое изображение кликаем «Изменить». Далее копируем «ссылку на файл» и вставляем ее в скрипт вместо ссылки подчеркнутой красным цветом. Те же самые действия повторяем и со вторым изображением. Скрипт готов, осталось поместить его к себе на сайт. Для этого переходим в раздел Внешний вид »Редактор и открываем файл footer. php (Подвал). Вот сюда вам и нужно поместить весь скрипт. В принципе скрипт готов к работе, но я вам дам еще несколько пояснений о том, как отрегулировать положение кнопок по высоте (у каждого свои запросы). Для этого вам достаточно найти и поменять в скрипте значения «bottom:15%» — чем больше будет цифра, тем выше поднимется кнопка (каждую кнопку регулируем отдельно). Вот вроде бы и все, кажется, ничего не забыл. Надеюсь, объяснил все доступным языком, и статья была для вас полезной – в таком случае не стесняемся и нажимаем на кнопки социальных сетей.


Карта сайта


Информационный сайт Webavtocat.ru