Кнопка вверх для сайта
без плагинов

Сделать красивую кнопку вверх.

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

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

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

Итак следуйте по пунктам:

1) Скачать с Яндекс-Диска архив ЗДЕСЬ;

2) Распаковать архив и полученную папку js со всем содержимым залить по FTP в корень сайта (там, где лежат файлы .htaccess, index.php и так далее);

3) В файл footer.php запишем вот такой код:

<!-- MrScrollUp.Start -->

<script type="text/javascript" src="/js/jquery.min.js"></script>

<script type="text/javascript" src="/js/MrScrollUp.js"></script>

<link rel="stylesheet" type="text/css" href="/js/MrScrollUp.css" />

<div id="MrScrollUp" style="display:none;"><div class="MrScrollUp1"></div><div class="MrScrollUp2"></div></div>

<!-- MrScrollUp.End -->

Вот и все! Теперь чистим кэш и радуемся! Только что нами установлена кнопка ВВЕРХ для сайта и наша супер-ракета жарит в небеса! На этом пока все, до связи на пыльных тропинках далеких планет!

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



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

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