Кнопка наверх для блога WordPress без плагина

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

Лично я не пользовался данной кнопкой до недавнего времени, а просто прокручивал роликом мышки. Однако, это очень неудобно, особенно когда сидишь и читаешь большие посты.

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

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

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

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

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

Прежде чем устанавливать на сайт скрипт или плагин, да и вообще что угодно — сделайте бекап, потому что если что-то пойдет не так, Вы можете потерять много данных. Для того, чтобы создать резервную копию сайта, существует очень много плагинов. Например, есть BackUpWordPress, который будет не только регулярно создавать копию сайта, но и копию базы данных.

Итак, рассмотрим как можно сделать кнопку наверх, не устанавливая никаких плагинов.

Для этого нужно скопировать код ниже и вставить его в футер прямо перед закрывающимся тегом </body>.

 

<a style='position: fixed; bottom: 20px; right: 30px; cursor:pointer; display:none;' href='#' id='Go_Top'>
<img src="http://seo-myseo.ru/wp-content/uploads/2014/02/НАВЕРХ.png" alt="Наверх" title="Наверх"></a>
<script type="text/javascript">
jQuery(function(){
$("#Go_Top").hide().removeAttr("href");
if ($(window).scrollTop()>="250") $("#Go_Top").fadeIn("slow")
$(window).scroll(function(){
if ($(window).scrollTop()<="250") $("#Go_Top").fadeOut("slow")
else $("#Go_Top").fadeIn("slow")
});
$("#Go_Top").click(function(){
$("html, body").animate({scrollTop:0},"slow")
})
});
</script>

 

В этом коде Вам надо будет изменить путь к картинке. Для этого найдите в интернете любое  понравившееся Вам изображение, а можете взять такое же, как и у меня или просто скопировать мой код :).  Кроме этого, изменить значения отступов, настроив их под свой блог.

После размещения данного кода, кнопка наверх появится на сайте.

Тут есть одна особенность. Кнопка написана на Javascript+jQuery, поэтому надо, чтобы Ваша тема это поддерживала.

Для того, чтобы кнопка наверх корректно работала, надо еще добавить следующий код в  функшинс.php в самом конце файла, прямо перед тегом ?>.

if (!is_admin()) {
wp_deregister_script('jquery');
wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false);
wp_enqueue_script('jquery');
}?>

Вот, в общем то и все, что нужно.

Комментарий “Кнопка наверх для блога WordPress без плагина

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

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