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

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

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

Статистика


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

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

Фев 28

Как быстро сделать кнопку наверх на сайте или блоге?

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

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

Данный способ подойдет как для блога на WordPress, так и для любого другого сайта или CMS. Как это выглядит, можете посмотреть у нас на сайте(прокрутите сраницу вниз). Итак, сначала подробно расскажу, что делать, если у вас WordPress. Если данный способ вам не интересен, прокрутите страницу чуток вниз. Хотя в принципе делается это почти одинаково. 1.Скачайте эту картинку - скачать и загрузите её в папку с темой(../wp-content/themes/тема). 2.Зайдите в редактирование темы в консоли(Внешний вид --> Редактор). 3.Выберите файл - footer.php. Почему футер? С точки зрения оптимизации это более правильно. Чтобы наш скрипт подгружался одним из последних. 4.Вставьте туда данный код:

[crayon-5968ba647dff5579798149/] 5.В список со стилями(style.css) вставьте следующий код: [crayon-5968ba647dffb396977145/] Он предает красоту нашей стрелке. Убедитесь, чтобы все файлы находились в корне вашей темы(не в корне сайта). Проверьте результат. Если вы все сделали правильно, то у вас должно нормально все работать. Также для WordPress существует плагин, который сам добавляет такую стрелку. Но зачем устанавливать плагин, если все можно сделать своими руками. Вообще, все что делают плагины, можно сделать и самому. Но зачем копаться в коде, тем более если вы в этом не разбираетесь. Как же реализовать тоже самое на сайте? Процесс аналогичный, скачиваете эту картинку, помещаете ее в папку с файлом index.html(или .php), вставляете те коды, которые находятся выше в низ страницы(перед /body). Вставляете стили в файл со стилями. Если стили у вас находятся отдельно от главной страницы, то пропишите соответствующий путь(../название папки). Ну и все, ничего сложного нет :). На этом все. А вы когда-нибудь задумывались о том, как избавиться от спама в комментариях? Так вот я нашел очень простой плагин для этого. Кстати, он намного лучше стандартного Akismet + он бесплатный. Ну что, я вас заинтриговал? Чтобы не пропустить статью, подпишитесь на обновления. С Уважением, Александр Сидоренко.

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


Один комментарий

  1. sergei:

    Здравствуйте Александр.Мне тоже нравится когда плавный подьем наверх.Себе установлю как у Вас.Пишите жду новых статей.Я на связи, если найдете время я Вам написал Показать продолжение

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

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