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

Установка плагина WP-PageNavi

Необходимо его скачать, это можно сделать из официального каталога плагинов WordPress (ссылка). После того как его скачаете, Вы устанавливаете плагин и активируете его. Установку можно произвести и из консоли администратора.

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

Поэтому, Вам необходимо в Вашей теме найти функции next_post_link, а также previous_posts_link. Они могут быть в нескольких файлах, но чаще всего они имеются в index.php, archive.php, а также functions.php.

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

Для примера возьмем стандартную тему Twenty Twele и в файле functions.php найдем следующий код:

Исходный код

<nav id="<?php echo $html_id; ?>" class="navigation" role="navigation">
	<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3>
	<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentytwelve' ) ); ?></div>
	<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?></div>
</nav><!-- #<?php echo $html_id; ?> .navigation -->

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

Исходный код

<nav id="<?php echo $html_id; ?>" class="navigation" role="navigation">
	<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3>
	<?php if ( function_exists( 'wp_pagenavi' ) ) wp_pagenavi(); ?>
</nav><!-- #<?php echo $html_id; ?> .navigation -->

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

Настройка плагина WP-PageNavi

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

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

Постраничная навигация без плагинов

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

• Придется корректировать постоянно код
• Если что-то не так пошло, то Вам необходимо вручную смотреть, а в случае с плагином, его можно просто удалить или деактивировать
• При обновлении Вашей темы, все, что Вы вносили туда, будет удалено
• Это не самый безопасный метод, который может привести к печальным последствиям

Альтернативы плагина WP-PageNavi

Если вдруг, Вам не понравился данный плагин, то Вы с легкостью можете его заменить на другой, которые предоставляют подобный функционал, к таким плагинам можно отнести: WP-Paginate, WP Page Numbers. Как видите, в WordPress достаточно количество альтернатив.

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