Кнопка наверх быстрое перенаправление

Кнопка наверх это еще один инструмент, который помогает улучшить юзабилити сайта. Она просто необходима на тех страницах, где очень много контента или комментариев. А самое главное на сайте это его контент интересный, качественный и уникальный. С которым не стыдно будет появиться в ТОПе выдачи. Так вот такую кнопку необходимо установить на сайт что бы пользователи не скролили вверх мышкой, а нажали на нее, хлоп и уже наверху.

Зачем нужна кнопка наверх

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

Будем улучшать юзабилити при помощи перемещения к началу страницы одним кликом мышки. Все это осуществляется внедрением специальных скриптов в определенные файлы вашей темы WordPress.

Кнопка наверх

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

  • Она не будет исчезать, а будет всегда присутствовать на страницах.
  • Не будет плавной прокрутки при нажатии пользователь сразу попадет в начало страницы.

Приступим. Скачайте архив. В нем должны находиться три файла: footer, functions и style. Откройте файл, находящийся в вашей теме functions.php и впишите под тегом <?php код из файла functions и сохраняйте. Затем открываем footer.php и перед вписываем код из файлика footer. Сохраняем. Теперь осталось придать стили нашей кнопке. Что бы это сделать необходимо, открыть style.css и в конце таблицы вписать стили из файла style. Все готово.

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

© mustic.ru

vvedite.

Нравится статья? Поделись с другом.

66 комментарии к “Кнопка наверх быстрое перенаправление

  • Вадим

    on

    Кнопка Наверх нужна, если она не мешает восприятию текста. У Вас как раз так сделано. У некоторых такая назойливая эта кнопка.

    Ответить
  • Игорь

    on

    Али,а как бы код кнопки изменить,что бы плавная прокрутка была,а не сразу на верх.

    Ответить
    • Али Администратор

      on

      Надо подключать библиотеку jQuery, если не подключена.

      Ответить
      • Игорь

        on

        Не помню по моему подключена,а что если подключена то медленнее будет перемещаться или настраивать нужно будет?

        Ответить
        • Али Администратор

          on

          Настраивать нужно еже скрипты внедрять. Я потом дополню статью как сделать плавную перемотку и кнопку вниз.

          Ответить
          • Игорь

            on

            Хотелось бы видеть дополнения.

            Будем ждать.

            Ответить
          • Вадим

            on

            Уже не дождёмся в ближайшее время. Может быть когда нибудь.

            Ответить
        • Вадим

          on

          Игорь, мне медленная прокрутка не нравится. Замедляет темп действий. По мне мгновенная прокурутка.

          Ответить
          • Игорь

            on

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

            Не каждому это нравится.

            Ответить
          • Вадим

            on

            Как можно остановится на середине страницы если кнопка выполняет функцию Наверх?

            Ответить
          • Игорь

            on

            Молча,убираешь со стрелки курсор и тормозится прокрутка.

            Ответить
          • Игорь, у меня такого нет... Курсор убираешь с кнопки, и всё равно наверх идёт до конца и нигде не останавливается.

            Ответить
          • Игорь

            on

            Алексей,ну это значит у тебя такой скрипт,без паузы.

            Ответить
          • Вадим

            on

            А пользователь как о таком приёме догадается?

            Ответить
          • Вадим

            on

            На этом сайте такой приём не срабатывает. Вообще я не знал о нём.

            Ответить
          • Вадим

            on

            Не встречал такого нигде.

            Ответить
          • Игорь

            on

            Вадим,создается впечатление,что вы не пользовались кнопками на ВЕРХ,с замедленным темпом

            Ответить
          • Вадим

            on

            Пользовался, но не хочу ими пользоваться. Мне плавная прокрутка неудобна, теряю время на неё.

            Ответить
          • Плавная прокрутка намного лучше, а тем замедляет где-то на секунду, это роли не играет.

            Ответить
          • Вадим

            on

            О вкусах не спорят. Половина читателей за быструю прокрутку, половина за медленую. И какую прокрутку для пользователей блоггеру ставить?

            Ответить
      • Вадим

        on

        У пользователя в браузере библиотека jQuery по умолчанию подключена?

        Ответить
        • Игорь

          on

          В зависимости какой браузер,ну лично у меня нет.

          Ответить
          • Вадим

            on

            Если у пользователя не установлена библиотека, как она будет выполняться? Смысл её на сайт ставить.

            Ответить
    • Мне как-то посчастливилось установить, что у меня сразу с плавной прокруткой стало.

      Ответить
      • Игорь

        on

        Ну так это вы библиотека jQuery установили,с помощью ее идет прокрутка замедленнее.

        Ответить
        • Вадим

          on

          У Джавы много библиотек. jQuery устаревает.

          Ответить
      • Вадим

        on

        Мне не нравится когда страница медленно прокручивается.

        Ответить
  • Игорь

    on

    Кстати Али,а есть возможность кнопку вниз сделать?

    Ответить
    • Али Администратор

      on

      Конечно можно.

      Ответить
      • Игорь

        on

        Что бы она отображалась на пример на противоположной стороне от кнопки наверх.

        И как это сделать? Код наверх подправить?

        Ответить
        • Вадим

          on

          Игорь, эти кнопки сдваивают. По отдельности их не разносят.

          Ответить
          • Игорь

            on

            Разносят и отлично выглядят и ничему не мешают.

            Ответить
          • Вадим

            on

            Мне такие сайты не попадались. Удобства с разнесённым кнопками никакого нет.

            Ответить
          • Игорь

            on

            Точно такое же удобство что и двойная кнопка,разницы никакой.

            Ответить
          • Вадим

            on

            С разнесёнными кнопками дольше курсор передвигать надо. А когда они рядом делается быстро.

            Ответить
          • Игорь

            on

            Можно эти разнесенные кнопки аккуратно установить,я видел сайты с такими стрелками выглядят отлично

            Ответить
          • По моему мнению так одной кнопки Наверх достаточно. Обычно начинаем статью читать с начала, а не с конца.

            Ответить
          • Игорь

            on

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

            Ответить
        • Вадим

          on

          Чтобы кнопка отображалась на пример на противоположной стороне от кнопки наверх ей нужно задать другие координаты.

          Ответить
    • Вадим

      on

      Игорь, кнопки можно и лево-право сделать.

      Ответить
  • Артём

    on

    Статья простенькая и по теме =)

    Ответить
    • Конечно Артём по теме, есть что по комментировать...Сами почему не присоединяитесь?

      Ответить
      • Игорь

        on

        Ну почему не присоединяется,он комментирует,только не так активно как мы.

        Ответить
        • Вадим

          on

          Артём так привлекает внимание к своему блогу.

          Ответить
    • Вадим

      on

      Я редко пользуюсь этими кнопками. Больше по старинке.

      Ответить
  • Вадим

    on

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

    Ответить
    • Игорь

      on

      Ну у меня была кнопка на верх,в виде стрелки,все отлично смотрелось и не чему не мешало.

      Ответить
      • Вадим

        on

        В кнопке Наверх важны её размер и местонахождение.

        Ответить
        • Игорь

          on

          Можно подобрать так,что и огромная кнопка будет отлично и без помех выглядить

          Ответить
          • Лишь-бы большая кнопка из фона сильно не выделялась... А то будет бросаться в глаза не статья, а кнопка.

            Ответить
          • Игорь

            on

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

            Ответить
          • Вадим

            on

            Когда кнопка сливается с фоном тоже плохо.

            Ответить
          • Вадим

            on

            Можно хоть что сделать, было бы желание.

            Ответить
        • Обычно кнопка Наверх стоит и смотрится справа внизу, некоторые делают слева. Но я почему-то слева сразу её не замечаю.

          Ответить
          • Вадим

            on

            Я могу не заметить кнопку и справа если она сливается с фоном страницы.

            Ответить
      • У меня пока стоит надпись Наверх, пытался стрелку поставить, что-то не получалось, пока так оставил. А то времени на это много уходит.

        Ответить
        • Игорь

          on

          Да не много времени,тем более у вас уже библиотека jQuery установлена.

          Ответить
        • Вадим

          on

          Стрелку не нужно. Лучше прямоугольник сделайте как у Али.

          Ответить
    • Это верно Вадим, посередине стрелка очень мешает, она перекрывает некоторые элементы!

      Ответить
      • Игорь

        on

        Встречался и со стрелкой по середке,но она так отлично была сделана под фон темы,что и не больно то и мешала.

        Ответить
        • Ну если только так, то сомнений нет, что она будет классно смотреться и не мешать!

          Ответить
        • Вадим

          on

          В серёдке сайдбара реклама находится, боишься нажать на неё вместо стрелки.

          Ответить
      • Вадим

        on

        Некоторые блогеры этого не понимают и делают так.

        Ответить

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

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