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

Первое, что нам необходимо сделать  — это скачать плагин. Я долго выбирал плагин из множества плагинов позволяющих сделать пагинацию. Но один сильно грузит систему, второй какой-то не адекватный. И мой выбор остановился на плагине для WordPress WP-Paginate, который Вы можете скачать из официального репазитория. Плагин прост в установке. И имеет базовые настройки, которые мы рассмотрим, чуть ниже. Переходим к настройке пагинации.

Второе, что нам необходимо сделать это настроить в самой CMS сколько постов мы хотим выводить на странице. Для этого в админке переходим в «Параметры»->«Чтение» и в поле «На страницах блога отображать не более»  указываем необходимое число. Так, у меня стоит 5, т.е. на странице будет отображаться не более пяти постов. И жмем «Сохранить изменения».

Отлично, теперь переходим к третьему шагу. В админке переходим «Плагины»->«Установленные» и находим наш плагин WP-Paginate. Активируем его. Для этого жмем по ссылке под названием плагина «Активировать»

Четвертое – настраиваем плагин. Для этого мы можем тут же нажать «Settings»

Или в админке перейти «Параметры»->«WP-Paginate»

Какой способ выбрать Вам решать. Попадаем в окно настроек плагина пагинации.

В поле:

• Pagination Label – указываем текст, который будет находиться перед списком страниц.
• Previous Page – указываем текст ссылки на предыдущую страницу
• Next Page – указываем текст ссылки на следующую страницу
• Before Markup и After Markup – указываем html-код, который будет находиться перед и после списка страниц.
• Markup Display – если мы поставим галочку, то html-код который мы указали выше будет отображаться даже, если список страниц пуст
• Page Range – количество страниц  отображаемых после текущей страницы
• Page Anchors – количество ссылок, которые необходимо показывать в начале и в конце спсика.
• Page Gap – минимальное количество страниц перед …

После изменения всех настроек жмем «Save Changes»

Все наш плагин настроен. Теперь плагин пагинации необходимо отобразить на странице.

Пятый шаг. Переходим в наш шаблон. Открываем файл в котором перечисляются посты. В моем случае это index.php, у Вас может быть loop.php или другой. И в то место, где мы хотим вывести пагинацию вставляем следующий код:

<?php if(function_exists('wp_paginate')) {

wp_paginate();

} ?>

Т.е. мы в начале проверяем наличие функции wp_paginate и если она существует, то вызываем ее.

Все на нашем сайте появилась пагинация.

И последний заключительный шестой шаг – приведение пагинации к нашему дизайну. Для этого будем «играться» с CSS.

Наш список страниц будет обрамлен в html-код, который мы указали в полях  Before Markup и After Markup. В нашем случае это div c классом navigation. Дальше идет спсиок <ol> с классом wp-paginate. Дальше идут <li>:

• С классом title – это текст перед списком страниц
• С классом prev – это ссылка на предыдущую страницу
• C классом page – ссылка на страницу
• С классом page и current – это текущая страница
• С классом next – ссылка на следующую страницу

Вот и все. Меняя CSS свойства этих классов мы приводим вид нашей пагинации к такому, какой необходим в дизайне.

Таким образом всего за шесть шагов мы настроили пагинацию на нашем сайте под управлением CMS WordPress.