Урок 26 Плагин WP-PageNavi, постраничная навигация, установка и настройка WP-PageNavi

03.09.20167128

Всем привет на Prosmo3.ru . Отличное настроение, на улице просто чудесно, я готов зарабатывать миллионы, а вы? Я больше чем уверен, что этот вид заработка создан для меня, я уже чувствую запах денег, и запах этот становится все ближе и ближе. Сейчас вот подумал, когда я буду делать по 500к в месяц, интересно будет почитать эти посты самому, за рюмочкой коньяка, ну а пока надо постоянно работать, постоянно работать над своими сайтами и над собой, не расслабляться ни на минуту, как говорится, расслабляться будем потом!
постраничная навигация и плагин wp-pagenavi


Сегодня хочу поговорить о постраничной навигации, и осуществлении ее с помощью плагина WP-PageNavi. Я думаю достаточно много людей задается вопросом , как сделать постраничный вывод.

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

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

Вообще не понимаю почему некоторые вебмастера оставляют такую вот постраничную навигацию, которая ну никак не вписывается в нормальное понятие юзабилити.

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

Используя плагин WP-PageNavi мы не только улучшим юзабилити и установим постраничную навигацию, в дальнейшем мы от этого только выиграем, а когда мы выигрываем мы зарабатываем!

Как видите моя постраничная навигация осуществлена с помощью php кода в самом шаблоне, и выглядит без плагина WP-PageNavi вот так:

постраничная навигация без плагина WP-PageNaviЯ сам по себе не программист, и в принципе далек от этого, понимаю все поверхностно, поэтому код постраничной навигации php мне не сделать самостоятельно, но если бы у меня не было постраничной навигации, то я бы конечно воспользовался плагином WP-PageNavi, и если у вас шаблон самый простой то и вы пользуйтесь планом WP-PageNavi и все у вас, и посетителей, будет хорошо.

Установка и настройка плагина постраничной навигации WP-PageNavi

Чтобы скачать плагин WP-PageNavi, воспользуемся ссылкой установить WP-PageNavi. Как вы помните установка плагина не носит в себе ничего сверхъестественного, если вы забыли то прошу сюда : плагины на WordPress, установка и настройка.

Отлично, как здорово, что мы работаем с хостингом Beget и там встроенный ftp, нам вообще не надо заморачиваться с установкой различных плагинов, да с самой панели WordPress мы можем легко установить такие плагины, как WP-PageNavi.

После установки плагина, которая занимает какие то секунды, мы его активируем, для того чтобы он появился в меню параметры, админ панели Вордпресс. Что ж приступим к настройке. Кстати на моем шаблоне нельзя установить плагин постраничной навигации WP-PageNavi, почему то внутренний код его блокирует, наверное сделано чтобы новички не косячили визуальное отображение блога).

постраничная навигацияЗаходим в админку и выбираем в меню Параметры --> Список страниц, В шаблоне общего списка страниц мы видим как задается изображение странички и общих страниц постраничной навигации плагина WP-PageNavi. По своему усмотрению можете что то добавить, допустим какие то надписи перед кодами выделенными так:     % код %. Как вариант:

1

Страница %CURRENT_PAGE% из %TOTAL_PAGES% общих страниц

Элемент "текущая страница" и "страница" плагина WP-PageNavi, оставляйте как есть, там вроде нечего придумывать. В полях "элемент первая страница" и "элемент последняя страница" задается название кнопок, при нажатии которых, вы будете перенесены в начало или конец всех записей.

В "последнюю страницу" вы можете вставить код вызова всех страниц %TOTAL_PAGES%, в результате вы получите вместо надписи кнопку с общим количеством страниц. Смотрите сами если вам это удобно можете сделать так.

Ну или можете пофантазировать с различными словами и терминами" и придумать что то нестандартное в постраничной навигации, средствами плагина WP-PageNavi. (Офтоп: не успеваете вовремя, читайте эту статью.)

Ниже идут элементы "следующая" и "предыдущая страница" плагина WP-PageNavi, где вы можете поставить любой необходимый для вас значок, тем самым пользователи и посетители сайта смогут легко ориентироваться в постраничной навигации, нажимая данные кнопки, и переходить на каждую последующую страницу или обратно.

настройка постраницчной навигации

Переходим к настройке списка страниц плагина WP-PageNavi, галочка использовать стиль pagenavi-css.css, позволит вам задать внешность кнопок, предусмотренную разработчиками плагина.

Если у вас есть желание изменить оформление на свой вкус, то достаточно зайти в файловый менеджер хостинга Beget и найти файл  pagenavi-css.css, в папке с вашей темой, (можете воспользоваться поиском и найти папку WP-PageNavi) и дальше просто поменяйте его на свой вкус, все просто и понятно.

Стиль списка страниц позволит выбрать горизонтальную постраничную навигацию или вертикальную в виде выпадающего меню. Вертикальный стиль не смотрится совсем, я даже и не знаю зачем он нужен, ни разу не видел чтобы его кто то использовал в WP-PageNavi.

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

Остальное там все понятно, можете оставить как есть, ну а если хотите то поэкспериментируйте и найдите для себя максимально удобный и качественный вариант. Не забудьте сохранить произведенные настройки в плагине WP-PageNavi.

Команда вывода постраничной навигации плагина WP-PageNavi

Для того чтобы плагин WP-PageNavi начал правильно работать, вам необходимо вставить код для вывода постраничной навигации. Вставить его надо будет в index.php, а также в Arhive.php и Search.php, для этого в этих файлах вы должны найти код отвечающий за вывод постраничной навигации. Приблизительно он будет находится между таких комментариев:

<!-- Prev/Next page navigation -->
<!--page navi end -->

Вам необходимо будет скопировать ниже приведенный код и заменить код находящийся в комментариях

<div class="pagenavi">
      <?php if(function_exists('wp_pagenavi')) { ?>
 <div class="wp-pagenavi">
   <?php wp_pagenavi();  ?>
 </div>
 <?php }
else {?>
 <div class="page-nav">
   <div class="nav-previous">
     <?php previous_posts_link('Предыдущая') ?>
   </div>
   <div class="nav-next">
     <?php next_posts_link('Следующая') ?>
   </div>
 </div>
 <? } ?>
 </div>

Этот код примечателен тем, что даже если вы удалите плагин постраничной навигации WP-PageNavi, вы сохраните старый вариант вывода постраничной навигации. А вообще вы можете вставить и вот такой короткий код вызова постраничной навигации

<?php wp_pagenavi();  ?>

, но при удалении плагина WP-PageNavi вам придется или копировать старый код и вставлять вместо этого кода, или обходиться без постраничной навигации совсем. Надеюсь я достаточно подробно рассказал про постраничную навигацию посредством плагина WP-PageNavi. Хорошего дня и отличного настроения!