<
Wordpress уроки

Как сделать кнопку наверх на wordpress сайте с помощью Scroll to Top

Как создать кнопку наверх для сайтаПривет, друзья! В прошлой статье мы с вами уже поговорили, о том, как установить wordpress на локальный диск denwer, теперь хотелось бы перейти к более интересным постам по юзабилити вашего сайта.

Не забывайте мы делаем сайты для людей, а не для поисковых роботов. Тема сегодняшнего урока, как сделать кнопку наверх для сайта на wordpress.

Урок рассчитан на новичков и их самообучение, поэтому забегая, немного вперёд скажу, что урок не содержит пошаговой инструкции в картинках, а несёт всего лишь рекомендательный характер. Итак, что же, может, наш движок блога?

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

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

Если вы не используете плагин для создания кнопки, тогда можно использовать в таком случае скрипты. Есть вариант использования сторонних плагинов, например, можно использовать плагин Scroll to Top, создающий такие кнопки. Вы можете создать любой дизайн вашей кнопке, посредством выбора любого изображения или бага, которые можно взять из интернета – предложений достаточно много.

Scroll to Top

Смысл такого плагина в том, что при прокрутке страницы вниз, появляется эта кнопка, нажав которую выполняется скачок вверх в начало страницы. Кнопка «вверх» создаётся следующим образом.

1. Производится загрузка и установка плагина Scroll to Top.
2. Нужно активировать этот плагин, тогда кнопка заработает. Остаётся только поменять настройки функции с регулированием скорости прокручивания, изменением изображения на кнопке.

Для изменения настройки кнопки нужно перейти из администраторского пространства сайта по такому пути: параметры -> Scroll to Top.

Для изменения изображения нКак сделать кнопку наверха прокручивающей кнопке, сначала загрузите картинку на сервер (так поступать более практично), нежели ставить ссылки на фото в интернете, которые могут исчезнуть в любой момент, поскольку вам не принадлежат, и вы не имеете на них прав.

Следующим действием указываете путь к этому файлу, тот куда вы произвели загрузку изображения. Если вы загрузили файл, например, в папку «izоbrajenia/ uploads», то путь к этому файлу, следующий: //ваш сайт.ru/ izоbrajenia /uploads/название файла изображения.jpeg.

Если, вы решите загрузить изображение туда, где плагин находится, то путь будет таким: //ваш сайт.ru/wp-content/plugins/scrolltotop/image

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

Так, легко и просто сделать кнопку наверх для сайта на wordpress. А вы, как считаете я урок сделал доступным либо его нужно дополнить картинками с пошаговой инструкцией?

Напишите мне своё мнение по этому уроку в комментариях и я обязательно прислушаюсь к вам. Жду ваших отзывов и предложений, о чём писать в блог следующей статьёй.

-----------------------------------------------
Будьте первым, кто поделится сенсацией! Если вы нашли эту статью полезной, возьмите на себя инициативу и нажмите кнопку социальных сетей. Давайте распространять знания и менять мир вместе.

Бала ли вам статья полезной?

5 1 голос
Рейтинг статьи
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x