Как настроить пагинацию в WordPress
Доброго времени суток. В одном из разрабатываемых мной проектов понадобилось настроить пагинацию, причем подогнать ее под дизайн сайта. В данной статье я хочу поделиться, как я это реализовал с помощью плагина из репазитория плагинов 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.
Все сделала, как писали, но нумерация страниц не появилась. В чем может быть дело?
Подскажите стоил ли ставить на свой интернет магазин онлайн консультанта. Сейчас столько хороших отзывов… Уже нашел себе система будет от RedHelper. Просто стоит ли? Впринцепе система очень доступная и есть тестовый период. Буду пробывать.
Наконец-то нашел нужную статью. Помогло.
Спасибо !