Кнопка вверх для wordpress



кнопка вверх для wordpress

 

И снова здравствуйте дорогие читатели! Сегодняшняя тема — кнопка вверх для wordpress сайта/блога – быстренькая установка.

Установка кнопки займёт минуту времени, а может и меньше. В общем, читайте далее и всё поймёте.

В сети, я очень часто встречаю комментарии, в которых люди умоляют объяснить подробнее тот или иной материал, особенно когда дело доходит до установки/правки кода. Оно и понятно, что ничего не понятно начинающим, у которых боязнь сделать что-то не так – просто зашкаливает.  Именно поэтому, мы сейчас рассмотрим способ — как сделать кнопку вверх на сайте при помощи простого плагина. Ковыряться в коде и где-то что-то править точно не придётся, как говорится – установил раз и забыл.

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

Как сделать кнопку вверх на сайте с помощью плагина

Вариант№1 – используем плагин Smooth Scroll Up

кнопка вверх для wordpress три варианта

Довольно таки простенький и с минимумом настроек, в нём присутствует три варианта выводимых кнопок и 3 варианта их размещения на сайте…

Установка…

Быстро скачать и установить плагин можно через админку блога. Зайдите в меню плагины – добавить новый – в поисковое поле вставьте название плагина – нажать кнопку «найти»… Более подробно о поиске и установке написано здесь Установка плагинов WordPress

Настройка плагина.

Перейдите — админка – настройки – Scroll Up Option

кнопка вверх для wordpress-плагины

  1. Название кнопки. Можете вписать любое название!
  2. Выбор кнопки. Три варианта кнопок – текстовая, овальная и в виде таба.
  3. Позиция кнопки. Размещение кнопки – справа, слева и по центру.
  4. Показывать кнопку на главной странице — (да-нет).
  5. Расстояние в пикселях от самого верха и до момента появления кнопки. Я поставил значение (1000), которое равно примерно трём вращениям колёсика мышки, после чего появляется кнопка вверх.
  6. Поведение кнопки на рубеже. Можно ничего не менять, так как практически ничего не заметно.
  7. Кнопка сохранить.  Сохранение Ваших настроек.

Согласитесь, всё очень просто!

Вариант№2 — плагин Scroll Button

кнопка вверх для wordpress сайта

Тут совсем просто, он без настроек. Просто устанавливаем плагин, кнопка сразу же отображается в правом нижнем углу сайта. Всё!

Установка аналогична варианту№1.

Собственно это всё, а Вы ожидали большего!? Извините, что разочаровал. :) Надеюсь это простенькое решение вывода кнопки принесёт кому-то радость и Вы вдруг запрыгаете от счастья, крича – да, да, да, у меня получилось – Yes!!!

На этом я заканчиваю нашу тему — кнопка вверх для wordpress блога.  Скоро напишу про одну интересненькую вещь — не пропустите…

До скорого!



Обратите внимание на следующие статьи...

7 Комментарии к статье “Кнопка вверх для wordpress
  1. Установка кнопки с помощью плагина, это конечно хорошо и быстро, но хотелось бы знать как такую кнопку сделать с помощью кода 😕 Что бы поменьше нагружать WP разными плагинами. Ну а в целом, спасибо за интересную статью :smile:

  2. Ростислав, эти плагины просты как три копейки, нагрузки не дают. А вот те, которые не вошли в описание, я тестировал около шести штук вот они были с «кучей» всевозможных настроек и подстроек, плюс всякие там «примочки» в виде всплывающих модальных окон и т.д. — эти возможно, что да.

    Про то, как сделать кнопку наверх (вверх) при помощи кода (скрипта), я ещё напишу.

  3. Всё хорошо, но проверить на пользование не удалось- первый плагин совместим с версией Вордпресс до 2.9, а второй — от 3.2...

    При том, что у меня — 3.0.1

    Остается лишь вопользоваться кодом ?! 👿

  4. Мила, все плагины прошли тестирование на wordpress 3.8

  5. Спасибо, Андрей ! Всё получилось!

    И спасибо за поздравление !

  6. Спасибо за плагин smooth-scroll-up.

    После небольшой доработки стиля tab.css получилась симпатичная кнопочка. Если кого заинтересует — результат можно посмотреть на сайте США-век XIX.

  7. твоему логу не помешало бы 2 кнопки — вверх и вниз

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

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