Плагины для создания постраничной навигации на WordPress

Как известно, на движке WordPress по умолчанию отсутствует продвинутая система постраничной навигации. Все, что доступно пользователю – это две ссылки на следующую и предыдущую страницу. Если же человек захочет переместиться, к примеру, сразу на 10 страниц или попасть на какую-то конкретную страницу, то придется потратить много времени и сил. Дабы сэкономить время и сделать навигацию на блоге более удобной, были разработаны специальные плагины постраничной навигации. В этой статье мы кратко рассмотрим три таких плагина.

В первую очередь, поговорим о WP-PageNavi. Это самый популярный и функциональный инструмент для создания постраничной навигации. Скачать WP-PageNavi можно ниже. Установка происходит по вполне стандартной схеме – перемещаете папку из архива в директорию, в которой находятся остальные плагины (wp-contents/plugins). После установки и активации нужно будет поменять код вывода стандартной навигации на код вывода навигации от WP-PageNavi. Для этого открываем индексный файл используемой темы WordPress. Ближе к концу данного файла находим строчки, в которых содержатся такие конструкции, как next_posts_link и previous_posts_link (они обрамлены тегами div). Удаляем эти конструкции вместе с тегами и на их место вставляем код WP-PageNavi. Вот данный код:


wp_pagenavi();

Сохраняем изменения и оцениваем результат. Навигация уже должна появиться. Настройки плагина располагаются по этому пути - «Плагины» - «Список страниц». Здесь можно отредактировать шаблоны названий кнопок (кнопки текущей, первой, последней страниц). Также можно выбрать значок перехода на следующую и предыдущую страницу.

Чтобы изменить внешний вид навигационных кнопок, вам нужно открывать файл pagenavi-css.css и искать в нем необходимые стили. Данная процедура может вызвать определенные затруднения у начинающих пользователей WordPress, поэтому именно для них был разработан специальный плагин под названием WP PageNavi Style. К слову сказать, он не является самостоятельным плагином (без WP PageNavi работать не будет). Поэтому сначала устанавливаем PageNavi, а уже потом - PageNavi Style. Кстати, последний можно скачать ниже. После стандартной настройки и активации заходим сюда – «WP PageNavi Style Options». Здесь располагаются все настройки. Какие конкретно стили можно изменить? В первую очередь, можно выбрать один из доступных шаблонов (опция «Select StyleSheet»). Также можно выровнять навигацию – по центру, по левому или по правому краю. Делается это посредством опции «Align Navigation». Для каждого выбранного шаблона можно настроить цвета отдельных элементов (кнопок, цифр, фона, границ и т.д.) и размер шрифта текста. Все изменения вы можете увидеть в реальном времени благодаря удобному превью.

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


if(function_exists('wp_page_numbers')) { wp_page_numbers(); }

Далее идем в настройки плагина. Располагаются они здесь - «Параметры» - «Page Numbers». Для начала выбираем нужный нам шаблон (исходя из особенностей используемой темы и ее цветовой гаммы). Всего доступно 5 разных шаблонов. Далее прописываем названия навигационных кнопок (страница, вперед, назад и т.д.). В самом конце указываем, какие именно элементы будут отображаться в навигации (номера всех страниц, номер конкретной страницы из числа доступных страниц, стрелочки для перехода).

Третий плагин, о котором мы расскажем - Number My Post Pages. Его основная задача – создание постраничной навигации внутри какого-то одного поста или статьи. Данная опция может потребоваться в том случае, если статья довольно длинная (целесообразно разбить ее на несколько отдельных страниц). Ссылка на скачивание. Сразу после установки и активации нам нужно будет отредактировать файлы page.php (отвечает за вывод статичных страниц) и single.php (отвечает за вывод страниц с постами). В том месте, в котором вы хотите увидеть навигацию, прописывайте следующий код:


mysinglepages(wp_link_pages(array('before' => '', 'after' => '', 'next_or_number' => 'number','echo' => '0')));

Желательно это делать сразу после вывода области основного контента (до блока с комментариями). Но это еще не все. Чтобы появилась навигация, следует при помощи HTML-редактора вставить в нужное место статьи тег . Все доступные настройки располагаются вот по этому пути - «Параметры» - «Number Post Pages». Здесь можно включить или выключить плагин, указать число страниц в навигации, прописать названия кнопок для следующей и предыдущей страницы и сделать много чего еще. В самом конце не забудьте нажать «Update», чтобы изменения сохранились.