Как установить кнопку «Вверх» на свой сайт!

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

При нажатии кнопки «Вверх» страница плавно возвращается к началу(к верху).Нужна вам такая кнопка на сайте или нет,решайте сами.

Данная инструкция относится к сайтам на базе «Wordpress»

Итак,для того чтобы установить такую кнопку на сайт,нужен плагин «ToTop Link».О том как находить и устанавливать плагины на «Wordpress» можете узнать тут(если вы уже знаете как это делать,читайте дальше).

Находите и устанавливаете плагин «ToTop Link».После того как активировали,его нужно настроить.

В консоли ищете пункт «Настройки»,там выбираете «ToTop Link».Вам откроется страница с настройками плагина.

Теперь подробней о настройках,по пунктам:

  1. Включить/Отключить кнопку.
  2. Определить местоположение кнопки на сайте,есть возможность выбрать из предложенного,а можете задать отступы вручную.
  3. Выбрать стиль кнопки.На выбор-светлый,тёмный,можете просто написать какой нибудь текст,например «Вверх»,или установить свою собственную картинку,выбрав  «Custom image».
  4. Установить расстояние от начала до появления кнопки на экране.
  5. Установка скорости прокрутки.

Настройки-ToTopLinkЕсли вы хотите установить свою собственную картинку и в настройках стиля выбрали-"Custom image",то сначала нужно загрузить её на сайт,а затем в одноимённом шестом пункте вставить на неё ссылку(если вы не знаете как загружать медиафайлы на сайт и где находить на них ссылку,можете узнать здесь).

Надпись,цвет.И в последнем,седьмом пункте настроек можете установить надпись,которая будет отображаться при наведении курсора мыши на кнопку,а также её цвет.

Как только всё настроили,внизу нажимаете «Save chenges»(сохранить изменения).

Ну вот пожалуй и всё!Не бойтесь экспериментировать с кнопкой!

Если остались вопросы,задавайте в комментариях,делитесь своими знаниями!

И удачи вам в ваших начинаниях!

С уважением,Владимир Александров!

Нажимая кнопку «Подписаться», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта

Нажимая кнопку «Отправить», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта!

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

Будь в курсе!

Нажимая кнопку «Подписаться», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта

Наш хостинг!
Идеальный выбор начинающих и небольших сайтов
Наш канал на You Tube
Мы в соцсетях!
Политика конфиденциальности
Пользовательское соглашение