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

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

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

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

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

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

Как я уже сказал вам выше, такую кнопку у себя на блоге я сделал при помощи плагина ScrollTo Top. В этом уроке я как раз и расскажу о том, как делается кнопка наверх при помощи этого плагина. И так, приступим. Для начал скачайте плагин перейдя по этой ссылке — http://wordpress.org/plugins/scrollto-top/. О том как устанавливаются плагины я писал в этой статье. Установите и активируйте это плагин.

После того, как плагин будет установлен, в левом меню админки найдите пункт «Параметры», а в развернувшемся окошке подпункт scrollto-top. Откройте этот подпункт. На открывшейся странички нам нужно произвести некоторые настройки плагина, чтобы сделать кнопку такой, как вы этого желаете.

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

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

Думаю, схема более чем понятная. На всякий случай скажу, что у меня на блоге выбран вариант «Bottom right» — желтая стрелочка.

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

Затем мы указываем скорость, с которой страничка поднимется наверх. У себя я поставил значения 150. Если нажать на мою кнопку, то будет видео как страничка бежит вверх. Чем больше значение, тем медленнее будет двигаться страничка. Если поставить «0», то страница будет пересчитываться вверх мгновенно.

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

Далее мы настраиваем появление кнопки. Если указать значение «no», то кнопка будет видна всегда, даже если страничка уже на самом верху. Если поставить галочку напротив «yea», то кнопка будет появляться не сразу, а только когда страничка будет опушена вниз. А то, насколько далеко должна быть опущена страничка, чтобы появилась кнопка, мы указываем самостоятельно. Я поставил значение «100».

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

Теперь осталось только определиться с видом кнопки. Можно выбрать один из предложенных вариантов стрелочки или загрузить свою картинку. Как вы видите, у меня бумажный самолетик — я загрузил свою картинку. После того как вы все настроите не забудьте сохранить настройки.

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

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

И это.. вот вам очень классное видео на сегодня.

С уважением, Степан!
Все статьи

Добавить в закладки

13 комментариев к записи “Кнопка вверх для сайта, кнопка наверх за пару минут.”

  1. Дмитрий:

    Раньше тоже использовал этот плагин, но потом перешел на код. А так самое-то кто не хочет возиться с кодами и тратить время

    • У меня то же кождом стоит и по своему опыту скажу много времени тут затрачивать не надо минут хватит, так что лучше кодом чем плагином.

  2. Стас:

    Хороший плагин надо бы себе поставить, Андрей а у вас самолетик сделан тоже с помощью этого плагина?

  3. Да классный плагин. Я тоже пользуюсь. Нужная вещь…

  4. У меня на первом блоге то же этот плагин стоял сейчас второй создал стараюсь использовать меньше плагинов и поставил кодом. Дело пяти минут и никакой нагрузки на блог. Всем советую.

  5. А мне сам Андрей делал кнопку ;) До сих пор нарадоваться ей не могу! До этого был квадратик серый с надписью «наверх». Не работала картинка почему-то…

  6. Кстати, Андрей, у тебя квадратик какой-то возле самолетика, чуть ниже. Хотя может это глюк на моем старом мониторе )))

  7. Ура я установил плагин, большое тебе спасибо за полезную статью так держать ты молодец !!!

  8. Дима:

    Раньше тоже использовал этот плагин, но потом перешел на код и всем советую пользоваться хаками. Эх, не люблю я эти плагины))

  9. Наркас:

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

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

Комментаторы блога

Комментируй блог и получи 300 рублей! Подробности тут!

X

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