Главная / Плагины и работа с WordPress / Кнопка вверх для сайта wordpress своими руками

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

Здравствуйте дорогие читатели блога Интернет Бизнес как на Ладони

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

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

Для чего устанавливается кнопка вверх для сайта?

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

Сегодня мы создадим кнопку вверх и кнопку вниз, возможность авто-чтения и остановки. То есть наша кнопка будет содержать в себе 4 кнопки вверх в одной. Думаю вам это понравиться. к тому же делается это просто. При создании кнопки, я рекомендую сохранить копии оригинальных файлов, что бы вернуть все на место при ошибке. Я постараюсь рассказать пошагово, что бы избежать сбоев на вашем сайте. Но как говориться на Бога надейся, а сам не плошай!Поехали…

Для начала вам потребуется подключить библиотеку jQuery. Большинство современных шаблонов уже содержат данную библиотеку, по этому рекомендую это проверить на вашем сайте. Для этого вам нужно просто проверить файлы  header.php и footer.php. Если библиотека подключена идем дальше. Ну а если нет, то данную информацию можно найти в интернете или на youtube.

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

И так создаем кнопку вверх для сайта wordpress без плагина. Для этого в папке «js» создаем файл с расширением .js и в него в помещаем данный скрипт:

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

Если вам не подходит цвет кнопок то создать кнопки вы можете в фотошоп и поместить самостоятельно. Для этого вам нужно созданные кнопки вверх поместить в папку «images» на своем хостинге, а затем заменить ссылки в коде.

Адреса картинок прописаны на самой последней строчке кода, вот URL картинки со стрелкой «Наверх»:


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

Картинки размещаются поочередно сверху вниз.

Далее открываем файл style.css и помещаем следующий код.

Вот вроде как и все. Процедура установки кнопок закончилась, и блог кнопок должен работать.

 

 

О Александр Гусельников

Приветствую вас на моей странице! Мне очень приятно, что вы посетили мой сайт. Пожалуйста не уходите не оставив свой комментарий или лайк.

Оставить комментарий

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

*

пиксель