Кнопка Вверх
Кнопка вверх для сайта на WordPress.
Давно я ничего не писал о плагинах для WordPress. Постоянные читатели моего блога, наверное, заметили, что я не большой любитель использования плагинов. Почему, я писал в этой статье. Однако иногда для людей, которые не очень хорошо знают, куда и как нужно вставлять соответствующие коды, проще установить плагин. Особенно когда нужно вставлять коды не в один файл, и не один код.
Кнопка вверх – как раз такой случай. Для того чтоб вставить в свой блог кнопку вверх без плагина нужно потрудиться. И не всегда эта операция проходит гладко. Очень многие скрипты кнопки вверх работают в одних браузерах и не работают в других. Поэтому я решил написать эту статью и порекомендовать вам, просто установить плагин кнопка вверх и не мучиться.
Кнопка вверх предназначена для того чтоб облегчить вашим пользователям навигацию на страницах вашего блога или сайта. Она, как правило, располагается внизу блога, справа или по середине и предназначена для быстрого перемещения вверх страницы без прокрутки колесика мыши.
В интернете наверняка есть много различных плагинов для установки кнопки вверх, однако они различаются по созданию нагрузки на сервер и быстродействие вашего wordpress блога.
Сегодня я хочу вам предложить очень не плохой плагин, который практически не создает нагрузки на ваш сайт и сервер. Со стильными копками и плавной прокруткой! Это плагин «Кнопка вверх». Результат его работы, «кнопку вверх» вы можете видеть в правом нижнем углу этой страницы.
Установка плагина Кнопка Вверх.
Для того чтоб установить этот плагин, вам необходимо сначала скачать его.
После этого распаковать его и закачать папку плагина на свой сервер, с помощью ftp клиента или средствами установки плагинов WordPress.
Затем зайти в панель управления сайтом, активировать плагин и зайти в его настройки, чтоб указать путь к вашей картинке, выбрав ее из предложенных вариантов. Путь к картинке у вас будет выглядеть например вот так:
http://Ваш_сайт.ru/wp-content/plugins/scrolltotop/image/UP13.png — не забудьте заменить Ваш_сайт.ru на свой домен, а имя файла картинки, на ту которая вам понравится и подходит под ваш дизайн.
Другие параметры плагина можно не менять.
Вот и все кнопка вверх установлена. Теперь посетители вашего блога будут вам благодарны, за то что вы облегчили им навигацию на вашем сайте.
Удачи Вам и процветания!
- Установка WordPress на хостинг - 11.05.2017
- Хостинг для WordPress - 26.04.2017
- 7 советов как ускорить WordPress - 18.01.2017
- WordPress плагины вывода популярных постов - 25.07.2016
- Готовим ваш сайт для мобильных устройств? - 29.06.2016
|
Как преодолеть технические сложности
|
Javascript + jQuery
|
Профессиональный сайт за один день.
|
Спасибо за плагин, очень быстро сделал красивую кнопку.
Рад что помог! Заходите еще 🙂
Прежде чем ее установить, я обязательно посоветуюсь с Вами, Александр.
Это меняется в файле стилей. Как правило style.css
Буквально вчера задался вопросом об этой кнопке. Нашел точно такую же как вы описываете, но не в статье, а простым подсматриванием в исходный код. Там светится название плагина )))
Плагинов с таким названием много, все они разные, мне понравился этот. Просто я его перевел на русский, на понятное название для начинающих….
Уменьшил одну из кнопок, в результате при вставке вокруг неё появилась белая область. Не подскажете, как от неё можно избавиться, откуда она вообще появилась, в исходной картинке же тоже белый фон, но его не видно
Это просто такая картинка с тенью. Избавиться можно, создав свою картинку без тени и заменив стандартную.
Спасибо за полезную статью. Установила плагин, настроила за минуту — и довольна)))
Спасибо за плагин! Установила его у себя!
Есть пожелание. Исправить опечатку «Кнока» в панели настройки плагина, а то ведь не каждый полезет редактировать исходник 🙂
Валентина, спасибо за подсказку, исправлю 🙂
Спасибо большое. очень удобненько. и понятно. и кнопка у Вас стильная. Приду домой похожую себе поставлю:)
Не прижился этот плагин у меня, вот что пишут на хосте в файловом менеджере в соответствующей папке с картинками: «Не удалось открыть файл /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»
а скажите пожалуйста, в какой именно строчке меняется положение кнопки с права на лево, заранее спасибо
Спасибо все огонь)))
Спасибо,за комфорт и функциональность!
Спасибо, кнопку установила. Только вот вопрос. Где вы пишите про настройки кнопки, заменить имя файла картинки, это где взять? Картинки в поисковике?
Пока тут листала, подумала, а ведь нужна еще кнопка вниз! Было бы просто замечательно! И еще, а почему у вас нет кнопки вверх?
У меня кнопка есть :))
Картинки в папке плагина. Ну а кнопка вниз это что-то новенькое 🙂
Хочу сказать вам спасибо за полезную информацию которую вы так доходчиво объяснили! Я на других сайтах находила информацию об этом плагине, но там как-то сложно все объяснялось, а для меня начинающего блогера, это оказалось не совсем понятно, а у вас наоборот все доходчиво и просто, спасибо большое!
Кнопку вниз я видел на сайте у Евгения Попова.
Интересно…, это на каком?
Доброго Александр!
Установил себе плагин.
Благодарю за статью!
С уважением. 🙂
Поставил ваш плагин, спасибо. Но есть один вопросик, а как сделать так, чтобы кнопка была и на главной, а не только на вложенных страницах?
Кнопка есть на всех страницах, просто вам нужно подстроить плагин, у вас не хватает прокрутки для появления кнопки(страница слишком короткая)
Да, спасибо за ответ, я уже это понял поглядев в настройки плагина. Но всё равно спасибо.
Я просто в восторге, спасибо большое за плагин!!!
валидатор ругается.
Дмитрий, бывает и такое…. Вообще он на многие плагины ругается. Чтоб он показывал норму нужно держать сайт вообще без плагинов, или ставить только те, на которые он не ругается, а их единицы.
Огромное спасибо за плагин. Давно хотела себе такой установить. Очень удобен на сайтике и всегда облегчает работу.
Прочитала комменты и решительно скачала плагин. Буду пробовать.
Спасибо, Александр!
Установила плагин, сразу красиво вписалась кнопочка, выбрала подходящую в папке. Спасибо и я подписалась на Ваш блог.
Александр, здравствуйте!
У меня с плагином беда 🙁 После апдейта Вёрдпресса на версию 3.6. кнопка «Вверх» исчезла 🙁 Как-то помочь моему горю можно? Кнопка жила у меня на блоге больше полутора лет, а теперь ее нет 🙁 Новых плагинов я не ставила уже давно.
Валентина, проверьте настройки плагина, может нужно обновить просто и проверить осталась ли ссылка на картинку. Я тоже обновил wordpress, но у меня все работает и не на одном сайте.
Саша, не могу понять, что у меня случилось на блоге, но кнопки «Вверх» на блоге нет, хотя я уже и переустановила плагин. Адрес до кнопки, который я указываю в настройках плагина, показывает, что кнопка есть — http://vdemchenko.com/wp-content/uploads/2013/01/strelkiseraja2.png
У меня уже ни одной светлой мысли нет, как вернуть кнопку на блог 🙁
А вы в последнее время меняли тему? Или может устанавливали какие-либо новые плагины?
Нет, Саш, тему не меняла и плагинов новых не ставила.
Валентина, тогда просто так на словах не разберешься… Нужно глубже вникать и смотреть в чем конфликт…
Установила кнопку, спасибо, но все работало не совсем так , как оисано, Все равно спасибо)))
Любовь, у вас все нормально работает на сайте. )
Добрый день, Александр! Спасибо большое за плагин, очень понравился. А нельзя в нём реализовать подключение своих стилей к кнопке или подскажите в какое место Вышего плагина можно их вставить, чтобы кнопка состояла из нескольких разных картинок. Стиль есть, но не знаю как подключить. Зараннее благодарен.
Юрий, вы можете подключить свои стили, добавив их в файл стилей вашего шаблона, так как у самого плагина нет своего файла стилей.
Спасибо Александр, за ответ. Я не силён в программировании, поэтому и спросил. Если я создал в шаблоне сайта отдельный файл стиля css, что сделать потом, чтобы Ваш плагин увидел этот стиль? Как подключить его? Извините если непонятно сформулировал вопрос. Как я понял это plugins_url(‘scrolltotop/image/up.png’) ведёт на картинку, которую можно менять, а как подключить свой стиль не знаю.
Юрий, нужно этот файл подключить в файле header.php типа так:
картинку можно менять в настройках плагина на любую, которые есть в папке плагина или загрузить в эту папку свою и прописать ее в настройках.