Добрый день читатели блога wphello.ru. Продолжаем обзор плагинов WordPress. Мы расматривали ранее плагины необходимые для работы в WordPress - плагин RusToLat, плагин для оптимизации нашего блога All in One Seo pack, плагин для резервного копирования базы данных WordPress Database Backup? различные плагины по безопасности блога. Сегодня поговорим о плагине WP-Pagenavi - плагине постраничной навигации в WordPress.
Этот плагин улучшает внешний вид блога и позволяет вставить на ваш сайт или блог удобную постраничную навигацию. Некоторые шаблоны уже имеют встроенную навигацию pagenavi, и вам остается только скачать плагин WP-Pagenavi и установить его в админке. Другие шаблоны идут с навигацией похожей на pagenavi и менять на другую не имеет смысла. Для тех же тем и шаблонов, постраничная навигация которых вас не устраивает, будем использовать плагин WP-Pagenavi. Сразу скажу, что здесь придется править код в некоторых файлах шаблона.
Итак , скачиваем плагин и распаковываем его (скачать плагин wp-pagenavi). Копируем по FTP c помощью программ FileZilla или Total Commander в папку /public_html/wp-conrent/plugins вашего сайта.
Заходим в админку и в разделе Плагины активируем его. После установки плагина в разделе Настройки появится пункт - Список страниц.
плагин wp pagenavi Здесь есть некоторые настройки, но о них чуть позже. Итак, плагин активировали, но навигация осталась прежняя.

Отображение постраничной навигации wp-pagenavi на страницах сайта

Для того, чтобы отображалась постраничная навигация pagenavi
wp pagenavi style
необходимо в шаблон вашей темы вставить следующий код

<?php wp_pagenavi(); ?>

Теперь в файлах вашей темы ищите код вывода блока навигации примерно такой

 <?php navigation(); ?>
 

или

<div>
<div>
<?php previous_posts_link('Предыдущая') ?>
</div>
<div>
<?php next_posts_link('Следующая') ?>
</div>
</div>

и заменяете этот код на

<?php wp_pagenavi(); ?>

. У меня такого кода в моей теме не было, функцией include на страницы подключался файл paginate.php.В таком случае вы сможете вместо

<?php include (TEMPLATEPATH . '/includes/paginate.php'); ?>

можно подставить код

<?php wp_pagenavi(); ?>

во всех файлах, где используется постраничная навигация -

  • index.php - главная страница
  • single.php - страницы с записями, если разбита на несколько страниц.
  • arhives.php - страницы архивов
  • search.php - страницы поиска по сайту
  • pages.php - страницы вашего сайта pages2/pages3

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

<?php if (function_exists('custom_wp_pagenavi')) : ?>

Смотрим, как в моей теме:
За вывод навигации у меня отвечает div id="post-navigator". Мы пишем условие, в котором функция function_exists проверяет наличие плагина wp-pagenavi и если ответ правда, то выводится навигация wp-pagenavi. Иначе (else) шаблон выводит свою навигацию

<div id="post-navigator">
<?php if (function_exists('custom_wp_pagenavi')) : ?>
<?php custom_wp_pagenavi(); ?>
<?php else : ?>
<div class="alignleft"><?php posts_nav_link('',__('&laquo; Newer Posts'),'') ?></div>
<div class="alignright"><?php posts_nav_link('','',__('Older Posts &raquo;')) ?></div>
</div>

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

<div>
<?php if(function_exists('wp_pagenavi')) { ?>
<div>
<?php wp_pagenavi();  ?>
</div>
<?php }
else {?>
<div>
<div>
<?php previous_posts_link('Предыдущая') ?>
</div>
<div>
<?php next_posts_link('Следующая') ?>
</div>
</div>
<? } ?>
</div>

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

<?php wp_pagenavi(); ?> 

Настройки плагина wp-pagenavi для WordPress

Далее пройдемся по настройкам плагина. Для настроек входим в панель администратора, в раздел настройки - список страниц.
навигация wp
плагин wp-pagenavi
Шаблон общего списка страниц. Здесь указывается номер текущей страницы. Вместо %CURRENT_PAGE% и %TOTAL_PAGES% подставляется номер текущей страницы и общее количество страниц.
Если добавить слово страница %CURRENT_PAGE% из %TOTAL_PAGES%
постраничная навигация wordpress
В навигации отобразится так
как установить wp-pagenavi
В полях »Элемент Текущая страница&lraquo; и »Элемент Страница« ничего не меняйте. Здесь задается отображение текущей и всех остальных страниц шаблона.
В полях »Элемент Первая страница« и »Элемент Последняя страница« задается текст для перехода к первой и последней странице сайта.
В полях »Элемент предыдущая страница« и »Элемент следующая страница« прописываются знаки стрелочек, можно оставить это поле пустое.

Настройка списка страниц - использовать стиль pagenavi.css ставим галочку.
Стиль списка - обычный и выпадающий.
Всегда показывать список - если у вас одна страница, внизу будет что то типа страница 1 из 1.

В поле "Количество страниц для показа" задаете сколько страниц сайта будет отображаться в виде последовательного ряда чисел. Я установил цифру 5, следовательно пять страниц будут показаны.падженави установка и настройка
В поле "Диапазон страниц для показа" вы можете задать, сколько далеких номеров страниц будет показано после кнопки перехода на следующую страничку. А в поле "Коэффициент для диапазонов страниц" вы можете задать шаг, с которым будут отображаться номера далеких страниц. Для того, чтобы не использовать показ далеких номеров, вам достаточно будет поставить ноль в этом поле.
Для применения заданных настроек нажимаем Сохранить изменения.

Настройка CSS (внешнего вида) блока постраничной навигации WP-PageNavi

Для того, чтобы настроить блок навигации под свой сайт, изменить цвета, отступы и шрифты в файле style.css пропишите необходимые правила. Файл style.css находится в папке plugins/wp-pagenavi/style.css.