Кнопка Вверх

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

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

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

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

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

Сегодня я хочу вам предложить очень не плохой плагин, который практически не создает нагрузки на ваш сайт и сервер. Со стильными копками и плавной прокруткой! Это плагин «Кнопка вверх». Результат его работы, «кнопку вверх»  вы можете видеть в правом нижнем углу этой страницы.

Установка плагина Кнопка Вверх.

Для того чтоб установить этот плагин, вам необходимо сначала скачать его.

После этого распаковать его и закачать папку плагина на свой сервер, с помощью ftp клиента или средствами установки плагинов WordPress.

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

http://Ваш_сайт.ru/wp-content/plugins/scrolltotop/image/UP13.png — не забудьте заменить Ваш_сайт.ru на свой домен, а имя файла картинки, на ту которая вам понравится и подходит под ваш дизайн.

Другие параметры плагина можно не менять.

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

Плагин Кнопка вверх

Стрелка вниз

Скачать

Удачи Вам и процветания!

Автор - Александр

Меня зовут Александр.
Я Вебмастер и SEO — специалист по созданию и продвижению сайтов на WordPress.
В профессиональном интернет-маркетинге c 2007 года. Основные направления: создание и продвижение web-проектов в российском сегменте интернет. Специализация: создание сайтов и их комплексное продвижение, внутренняя оптимизация, внешняя оптимизация, трафиковое продвижение, контентное продвижение...

Связаться со мной >>
Посмотреть все публикации

Ваше имя (обязательно)

Ваш e-mail (обязательно)

Сообщение (обязательно)

комментарий 81

  • Анатолий

    Спасибо за плагин, очень быстро сделал красивую кнопку.

  • Александр

    Рад что помог! Заходите еще 🙂

  • Виталий

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

  • Георгий

    Здравствуйте, Александр.
    Не подскажите, где можно изменить положение кнопки на экране, а именно:
    position: fixed;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    opacity: 1;

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

    • Александр

      Плагинов с таким названием много, все они разные, мне понравился этот. Просто я его перевел на русский, на понятное название для начинающих….

  • Александр Николаевич

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

    • Александр

      Это просто такая картинка с тенью. Избавиться можно, создав свою картинку без тени и заменив стандартную.

  • Спасибо за полезную статью. Установила плагин, настроила за минуту — и довольна)))

  • Валентина

    Спасибо за плагин! Установила его у себя!
    Есть пожелание. Исправить опечатку «Кнока» в панели настройки плагина, а то ведь не каждый полезет редактировать исходник 🙂

  • Спасибо большое. очень удобненько. и понятно. и кнопка у Вас стильная. Приду домой похожую себе поставлю:)

  • Геннадий

    Не прижился этот плагин у меня, вот что пишут на хосте в файловом менеджере в соответствующей папке с картинками: «Не удалось открыть файл /domains/prt56.ru/wp-content/plugins/scrolltotop/image/Thumbs.db. Возможно, он имеет неподдерживаемую кодировку (поддерживаются только CP1251 и UTF-8) или содержит бинарные данные. Для работы с этим файлом воспользуйтесь FTP-доступом». Какие права нужны? У меня везде 0755. Выставил для Thumbs.db — все равно кнопка не появляется.
    Есть решение?

    • Александр

      Генадий, попробуйте закачать файл через FTP и еще раз сделать все как написано. Плагин у всех кто ставил, работает…. ?
      А ссылка должна быть на картинку, а не на этот файл, проверьте настройки самого плагина.

  • Спасибо, давно хотела кнопку поставить.. благодаря вам, теперь она у меня есть:)

  • Спасибо, кнопочка работает!Спасибо. Я воспользовалась, как Вы выразились, «средствами установки плагинов WordPress». Закачивать на хостинг сама не умею, не смогла даже найти там установленную папку. Не посоветуете, как в этом разобраться?

    • Александр

      Если вы имеете ввиду установленный плагин, то его папка находится здесь wp-content/plugins/ваша папка

  • Спасибо еще раз! Разобралась.

  • Лидия Жайворонок

    Пыталась разобраться и установить подобную кнопку. Правда, это красиво. Но ведь эффект перемещения в верх или низ страницы достигается простым нажатием клавиш Pg Uh и Pg Dn.

  • Мирослав

    Спасибо! Всё доходчиво и быстро. Мне нравится 🙂

  • Большое СПАСИБО за плагин!Всё просто и понятно,установил сразу.(до этого был на других сайтах — там «понаписано» всё «шиворот навыворот»). У Вас хороший сайт,БУДУ ВАШИМ ПОДПИСЧИКОМ.

  • Спасибо. В это раз у меня все получилось. И стандартная картинка подошла к дизайну моего блога.

  • Татьяна

    Спасибо за плагин. Не успела я его установить позавчера. А вчера после изменения темы кнопка исчезла. Подскажите, пожалуйста, что нужно сделать, чтобы она опять появилась? Плагин на месте…

    • Александр

      Татьяна, попробуйте удалить его и установить снова. А вообще посмотрел ваш новый шаблон он требует серьезной доработки. У вас весь сайдбар сломан и еще много разных недочетов…

  • Сделала. Не работает!

    • Александр

      попробуйте вернуть тему и посмотрите будет ли работать в старой или другой теме. Если в других темах работает значит проблема в данной теме wordpress

  • Спасибо. Предложение с возвратом темы не вдохновляет. Очень много изменений было сделано с новой.)))

  • Алексей

    Большое спасибо! Плагин очень прост в использовании и при минимуме настроек выдает широкий спектр результатов. Заменил кнопочку на свою, как там и было!

  • Владислав

    Спасибо, действительно очень быстро и понятно))

  • УРА!!! Работает, большое СПАСИБО

  • спасибо помогли

  • Спасибо за кнопку. Обязательно установлю у себя на сайте.

  • Пингбэк: Молгачева Елена

  • Установила, отлично работает! Спасибо

  • Спасибо большое! Установил без проблем.

  • Анна Чернова

    Не установился плагин…сегодня сто-то вообще ни один плагин ине ставится…Ставила птичку от твиттера и Ваш — ни один не встал.В чем может быть проблема?

    • Александр

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

  • А у меня вместо кнопки просто слово»изображение»….кнопки нет,а команда «ВВЕРХ» работает1 Почему???

  • Команда «вверх» работает,а вместо кнопки значок отсутствия изображения…в чем причина?

  • Не подскажите, как перенести кнопку вверх с правого края в левый?

  • Спасибо вам огромное за безвозмездные подсказки! Последнее время все чаще сталкиваешься с требованием денег за каждый шаг.

  • спасиб за плагин, сейчас буду ставить)))

  • Андрей Геннадьевич

    СПАСИБО!!!

  • Галина Чернышова

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

  • Супер!!! Ваш простенький плагин работает в отличие от всех остальных — огромное сэнькью!

  • Скажите, как переместить кнопку в левую сторону? Сего требует расположение шаблона?

  • Дмитрий

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

  • Александр

    Максим, Дмитрий, в коде

    «right» надо поменять на «left»

  • Дмитрий

    Спасибо все огонь)))

  • Спасибо,за комфорт и функциональность!

  • Спасибо, кнопку установила. Только вот вопрос. Где вы пишите про настройки кнопки, заменить имя файла картинки, это где взять? Картинки в поисковике?
    Пока тут листала, подумала, а ведь нужна еще кнопка вниз! Было бы просто замечательно! И еще, а почему у вас нет кнопки вверх?

    • Александр

      У меня кнопка есть :))
      Картинки в папке плагина. Ну а кнопка вниз это что-то новенькое 🙂

  • Хочу сказать вам спасибо за полезную информацию которую вы так доходчиво объяснили! Я на других сайтах находила информацию об этом плагине, но там как-то сложно все объяснялось, а для меня начинающего блогера, это оказалось не совсем понятно, а у вас наоборот все доходчиво и просто, спасибо большое!

  • Николай

    Кнопку вниз я видел на сайте у Евгения Попова.

  • Доброго Александр!

    Установил себе плагин.
    Благодарю за статью!

    С уважением. 🙂

  • Блог на wordpress

    Поставил ваш плагин, спасибо. Но есть один вопросик, а как сделать так, чтобы кнопка была и на главной, а не только на вложенных страницах?

    • Александр

      Кнопка есть на всех страницах, просто вам нужно подстроить плагин, у вас не хватает прокрутки для появления кнопки(страница слишком короткая)

  • Блог на wordpress

    Да, спасибо за ответ, я уже это понял поглядев в настройки плагина. Но всё равно спасибо.

  • Я просто в восторге, спасибо большое за плагин!!!

  • Дмитрий

    валидатор ругается.

    • Александр

      Дмитрий, бывает и такое…. Вообще он на многие плагины ругается. Чтоб он показывал норму нужно держать сайт вообще без плагинов, или ставить только те, на которые он не ругается, а их единицы.

  • Маргарита

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

  • Татьяна

    Прочитала комменты и решительно скачала плагин. Буду пробовать.

  • Светлана

    Спасибо, Александр!
    Установила плагин, сразу красиво вписалась кнопочка, выбрала подходящую в папке. Спасибо и я подписалась на Ваш блог.

  • Валентина

    Александр, здравствуйте!
    У меня с плагином беда 🙁 После апдейта Вёрдпресса на версию 3.6. кнопка «Вверх» исчезла 🙁 Как-то помочь моему горю можно? Кнопка жила у меня на блоге больше полутора лет, а теперь ее нет 🙁 Новых плагинов я не ставила уже давно.

    • Александр

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

  • Валентина

    Саша, не могу понять, что у меня случилось на блоге, но кнопки «Вверх» на блоге нет, хотя я уже и переустановила плагин. Адрес до кнопки, который я указываю в настройках плагина, показывает, что кнопка есть — http://vdemchenko.com/wp-content/uploads/2013/01/strelkiseraja2.png
    У меня уже ни одной светлой мысли нет, как вернуть кнопку на блог 🙁

    • Александр

      А вы в последнее время меняли тему? Или может устанавливали какие-либо новые плагины?

  • Валентина

    Нет, Саш, тему не меняла и плагинов новых не ставила.

    • Александр

      Валентина, тогда просто так на словах не разберешься… Нужно глубже вникать и смотреть в чем конфликт…

  • Установила кнопку, спасибо, но все работало не совсем так , как оисано, Все равно спасибо)))

  • Добрый день, Александр! Спасибо большое за плагин, очень понравился. А нельзя в нём реализовать подключение своих стилей к кнопке или подскажите в какое место Вышего плагина можно их вставить, чтобы кнопка состояла из нескольких разных картинок. Стиль есть, но не знаю как подключить. Зараннее благодарен.

    • Александр

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

  • Спасибо Александр, за ответ. Я не силён в программировании, поэтому и спросил. Если я создал в шаблоне сайта отдельный файл стиля css, что сделать потом, чтобы Ваш плагин увидел этот стиль? Как подключить его? Извините если непонятно сформулировал вопрос. Как я понял это plugins_url(‘scrolltotop/image/up.png’) ведёт на картинку, которую можно менять, а как подключить свой стиль не знаю.

    • Александр

      Юрий, нужно этот файл подключить в файле header.php типа так: картинку можно менять в настройках плагина на любую, которые есть в папке плагина или загрузить в эту папку свою и прописать ее в настройках.

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

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