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

Стрелка быстрого поднятия на верх страницы сайта.

Здравствуйте !

 

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

 

01-02-2016 23-40-32_mini

 

Данная функция не только улучшит работу вашего сайта, но и может стать стильным украшением, которое украсит интерьер вашего сайта. Тем более стрелку вы сможете подобрать под дизайн вашего сайта. Итак, приступим непосредственно к установке стрелки быстрого поднятия на верх страницы сайта. И в этом нам поможет плагин — WPFront Scroll Top.

Данный плагин вы сможете скачать прямо из своей административной панели WordPress. Для этого перейдите по вкладке ПлагиныДобавить новый, вверху, справа в поле поиска введите название плагина, и нажмите Enter. У вас на странице появится нужный вам плагин, жмёте кнопку установить. (смотри фото)

 

23-04-2015 10-11-09_mini

 

После установки плагина, вам нужно будет активировать плагин. (смотри фото)

 

23-04-2015 10-11-40_mini

 

После успешной установки и активации плагина, у вас в левом меню wordpress появится вкладка — WPfront. (смотри фото)

 

23-04-2015 10-13-17_mini

 

Жмёте на вкладку WPfront, у вас появится ещё две вкладки — все плагины и Scroll Top, вам нужно кликнуть по вкладке Scroll Top, после чего вы попадёте на страницу — Настройки плагина WPFront Scroll Top. Итак, первым делом вам нужно включить плагин. (смотри фото)

 

23-04-2015 10-15-14_mini

 

Настройки у плагина простые, просто почитайте их, и вы сможете настроить плагин так как вам надо. Я же в свою очередь расскажу о основных параметрах на которые стоит обратить внимание. В настройках можно указать размер стрелки, кто-то предпочитает что бы стрелка была большая, что бы её можно было увидеть, а кто-то наоборот хочет что бы стрелка особо не выделялась, и не отвлекала посетителей сайта. Да можно кстати установить автоматическое определение размера стрелки, для этого в поле установите нули 0 — 0. (смотри на фото выше)

Можно задать прозрачность стрелки, то же очень прикольная функция. Да, в самом начале забыл упомянуть о функции скроллирование, очень нужная функция, в ней можно указать число пикселей, на которое надо скроллировать страницу для появления кнопки. То есть стрелка будет появляться не сразу, а только после того как вы опуститесь в определённую глубину страницы. Зачем стрелка в самом верху страницы ?

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

 

23-04-2015 10-16-48_mini

 

Можете просто сделать текст, а не стрелку, выбрать цвет текста, и цвет фона текста. В настройках можно указать расположение вашей стрелки, слева или справа вверху страницы, либо же слева или справа внизу страницы, то же очень полезная функция в настройках. Так же можете указать отступ от края вашей странице на сайте, где будет располагаться стрелка. У меня вот по середине стрелка стоит. Вы можете исключить страницы, на которых не нужно отображать стрелку. (смотри фото)

 

23-04-2015 10-17-47_mini

 

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

Так же для тех кто не желает довольствоваться имеющимся выбором, а хочет свою стрелку, уникальную, оригинальную, что бы ни у кого больше не было такой стрелки. Вы можете указать URL своей стрелки, которую вы загрузите к себе на сайт.

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

 

23-04-2015 12-08-34_mini

 

Всё, копируете URL картинки, и вставляете его в поле URL своей картинке, на странице настройки плагина. Да и в конце не забудьте сохранить сделанные изменения, нажав на кнопку — Сохранить изменения. (смотри фото)

 

23-04-2015 10-19-49_mini

 

На этом всё, до новых встреч !

 

Стрелка быстрого поднятия на верх страницы сайта. обновлено: Февраль 1, 2016 автором: Илья Журавлёв
 
 

5 комментариев

  • Марк 08.05.2016 Ответить

    Замечательно!

  • Любовь 16.09.2016 Ответить

    Спасибо, установила)

  • Марк 16.09.2016 Ответить

    К сожалению, стрелку пришлось удалить т.к. тормозит на 2 сек. загрузку сайта.
    Нужно устанавливать что-то другое, только не плагин в данном случае…….

    • Илья Журавлёв 16.09.2016 Ответить Автор

      У меня стоит такая же стрелка, сайт грузится меньше секунды ! Может дело не в плагине ? Посмотрите вот эту запись — Долго грузится сайт ?

  • Татьяна 22.09.2016 Ответить

    Илья, благодарю!

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

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


5 + 2 =



super-infa-top
Стрелка вверх