Кнопка вверх для сайта. Универсальная!

Главная » Верстка » Кнопка вверх для сайта. Универсальная!
Самолетная 614022 Россия, Пермь +79630195620
Верстка
новичкам, примочкм
7048

Как говорится: по просьбам трудящихся! Не думал, что у людей есть востребованность в кнопке вверх. Когда сам интересовался вопросом, находил множество вариантов ее реализации, но как оказалось не все работают.

Самый простой способ для владельцев блогов на wordpress – это поставить плагин. Название ему Scroll to Top. Но как и многие я не любитель ставить на блог кучу плагинов, из за увеличения нагрузки на хостинг. Да и в принципе не люблю когда в админке, куча вкладок с настройками, которыми не пользуешься. По этому я решил найти более универсальный вариант установки кнопки вверх для своего блога.

Кстати этот вариант что я предлагаю, работает на любой платформе, даже на гольном HTML. Одной из причин поиска такого варианта еще послужило то, что я все сайты делаю на Drupal и мне был необходим универсальный механизм. Так что если вы ищите кнопку вверх для UCOZ, joomla, modX, Drupal и т.д. этот вариант у вас будет всегда работать.

И так вариант кнопки вверх для wordpress. Но ее можно сделать и для любого сайта, убирайте только WP переменные, и вставляйте хоть на UCOZ хоть на Bitix.

Первым делом надо создать ява скриптик со следующим содержанием:

У меня он называется toTop.js. Далее кидаем его в наш шаблон в папку js (здесь у меня лежат все ява скрипты)

После этого открываем файл шаблона отвечающий за подвал, в WP — footer.php И перед закрывающимся тегом </body> добавляем нашу кнопку:

Ну а под кнопкой подключаем скрипт:

Не забудьте кинуть изображение самой кнопки в свой шаблон. Как видите, у меня кнопка лежит в папке images.

P.S. И не забывайте, у вас должен быть подключен jquery.

И добавляем стили в css файл шаблона.

Черкни и ты пару строк

Попробовали у себя эту кнопку? Работает? Возможно возникли какие вопросы? Жду комментариев!

Подписка на блог MASALKIN.NAME
Не упусти шанс получить отличные бонусы!

100% конфидециальность, адреса электронной почты не разглашаются и не предоставляются третьим лицам для коммерческого или некоммерческого использования.

Благодарность читателям

Спасибо что прочли эту статью до конца, надеюсь та информация что была изучена вами, оказалась для вас полезной. Если в ходе изучения возникли вопросы, то смело задавайте их в комментариях, я обязательно на них отвечу!

P.S. Не забудь подписаться на блог, тебя ждет много интересного и полезного!

Удачи!

x

Ваше имя (обязательно)

Ваш e-mail (обязательно)

Сообщение