Поиск по Сайту

Подпишитесь на обновления

Подпишитесь на еженедельные обновления!

Статистика


Яндекс.Метрика

Советуем почитать

Апр 24

Кнопка “Наверх” для блога без плагинов.

Здравствуйте! Возможно вы помните, что в одной из своих статей я обещал, что скоро появится у нас новая рубрика. Вот собственно я и исполнил свое обещание. Перед вами первая статья из рубрики "Без плагинов". Почему я решил её создать? Ну думаю потому, что многие вещи на сайте возможно реализовать без плагинов, тем самым уменьшив нагрузку на сервер. В данной статье я расскажу вам о том, как без помощи плагина реализовать кнопку "Наверх". Однажды я уже писал об этом здесь, но данный способ более рационален. Пример его работы можете посмотреть у нас на сайте. Ничего не напоминает? Думаю пользователи соц.сети Вконтакте заметили небольшое сходство. Ну вобщем хватит попросту болтать, давайте перейдем к делу :).

Как сделать кнопку "Наверх"?

Данная кнопка также будет прокручиваться плавно вверх, как и в предыдущем способе, но здесь у нас не будет использоваться картинка. Но при желании вы можете подставить и её. Об этом я расскажу вам чуть ниже. Итак, для начала откройте файл functions.php вашей темы (Консоль --> Внешний вид --> Редактор) и вставьте в него следующий код (Автор кода):

[crayon-634b1e22b5c32416326404/] Думаю не стоит вам объяснять, какая переменная за что отвечает, так как каждой их них приведены автором скрипта комментарии. Итак, если вы хотите, чтобы у вас выводилась надпись "Наверх", то вам нужно удалить переменную $image ($image = get_bloginfo('template_url').'/images/up.png';). Только замените цвета на те, которые будут соответствовать вашему шаблону ($colorFont и $color). Если же вы хотите использовать картинку, то закачайте её в папку images вашей темы и не удаляйте переменную $image. ВНИМАНИЕ! название картинки должно быть "up.png" или измените её название и тип файла в переменной $image. Ну вот и все, просто вставьте эту функцию в functions.php и сохраните этот файл, больше ничего делать не нужно. До встречи! С Уважением, Александр Сидоренко.

Подпишитесь на еженедельный дайджест про WordPress и не только!


36 коммент.

  1. sergei:

    Здравствуйте Александр.Статья очень полезная но я пока не рискну сам.СЕРГЕЙ.

    Оценить комментарий: Thumb up 0 Thumb down 0

    • Александр Сидоренко:

      Сергей, советую попробовать. Просто если не уверены, перед установкой сделайте резервную копию ваших данных =)

      Оценить комментарий: Thumb up 0 Thumb down 0

    • Юлия:

      Ах, Сергей, как я вас понимаю! Сама до недавнего времени читала вот такие же полезные статьи и думала “тоже так хочу”, а лезть во всё это оооочень боялась. Благо, Показать продолжение

      Оценить комментарий: Thumb up 0 Thumb down 0

  2. Геннадий:

    Хорошая идея!

    Оценить комментарий: Thumb up 0 Thumb down 0

  3. Chudikos:

    Уххх,какой большой код:)

    Оценить комментарий: Thumb up 0 Thumb down 0

  4. Chudikos:

    P.S:Поставьте себе данную кнопку плиз,с ней удобней вверх бегать!

    Оценить комментарий: Thumb up 0 Thumb down 0

  5. Руслан:

    Благодарю, Александр! Я себе уже давно поставил! =)

    Оценить комментарий: Thumb up 0 Thumb down 0

  6. Александр:

    Большое спасибо за столь поучаущую статью. Мне как новичку в блоговедении очень полезно было читать ! + автору!

    Оценить комментарий: Thumb up 0 Thumb down 0

  7. Оксана:

    Я уже искала эту информацию, спасибо!

    Оценить комментарий: Thumb up 0 Thumb down 0

  8. Оксана:

    Только я теперь не смогла у вас на кнопку +1 нажать, моментально появляется надпись “на верх”

    Оценить комментарий: Thumb up 0 Thumb down 0

  9. sergei:

    Здравствуйте Александр.Я обязательно попробую поставить потому что очень удобно для посетителей.А резервную копию надо будет сделать на всякий случай.СЕРГЕЙ

    Оценить комментарий: Thumb up 0 Thumb down 0

  10. Вовчик:

    Плохо, что мой сайт не поддерживает php верстку. Нужно заняться этим вопросом. Хотя, уже месяц изучаю вордпрес, еще немножко и перейду туда. Статья полезная, спасибо! Показать продолжение

    Оценить комментарий: Thumb up 0 Thumb down 0

    • Александр Сидоренко:

      Вовчик, пожалуйста!=)

      Оценить комментарий: Thumb up 0 Thumb down 0

    • Юлия:

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

      Оценить комментарий: Thumb up 0 Thumb down 0

  11. Дмитрий:

    Спасибо. Попробую, даже не знал, что можно реализовать кнопку “наверх” без плагина.

    Оценить комментарий: Thumb up 0 Thumb down 0

  12. WPixel:

    Думаю это лучше чем использовать плагины которые нагружают сайт

    Оценить комментарий: Thumb up 0 Thumb down 0

  13. Игорь:

    Не думал, что можно поставить кнопку “наверх” без плагина

    Оценить комментарий: Thumb up 0 Thumb down 0

  14. Игорь:

    Статья супер!

    Оценить комментарий: Thumb up 0 Thumb down 0

  15. Айназ:

    у меня такой стоит

    Оценить комментарий: Thumb up 0 Thumb down 0

  16. Иванновна:

    Прочитала статью,понравилось тоже захотела сделать себе стрелочку в блоге,только вот беда не поняла где он находится этот файл “Итак, для начала откройте файл Показать продолжение

    Оценить комментарий: Thumb up 0 Thumb down 0

  17. Galina:

    Спасибо за статью. Я начинающий блоггер, ещё многого не знаю. В вашей статье мне понравилось то, что Вы очень подробно все объяснили, как для чайников, т.е. для меня. И Показать продолжение

    Оценить комментарий: Thumb up 0 Thumb down 0

  18. Максим:

    Хорошая идея-”без плагина”.Мне это самому было очень важно,и статья очень понятная,спасибо) =)

    Оценить комментарий: Thumb up 0 Thumb down 0

  19. Юлия Казакова:

    Кстати, почему на вашей кнопочке (при наведении) знаки вопроса появляются? кнопка красивая, а вот знаки не уместны =)

    Оценить комментарий: Thumb up 0 Thumb down 0

  20. Ilya:

    Спасибо за статью. Давно искал как это можно реализовать без плагина. Спасибо еще раз.

    Оценить комментарий: Thumb up 0 Thumb down 0

  21. Александр Сидоренко:

    Михаил, статья писалась давно. На момент написания статьи у нас стояла надпись “Наверх”. Картинку поставили уже спустя несколько месяцев. А насчет установки, Показать продолжение

    Оценить комментарий: Thumb up 0 Thumb down 0

  22. Юлия:

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

    Оценить комментарий: Thumb up 0 Thumb down 0

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