Как настроить пагинацию в WordPress

Ромчик
3

wordpress

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

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

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

01

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

02

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

03

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

04

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

05

В поле:

  • 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 и если она существует, то вызываем ее.

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

06

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

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

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

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

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

Понравилась статья? Поделись с друзьями.
  • Add to favorites
  • Добавить ВКонтакте заметку об этой странице
  • Twitter
  • Facebook
  • Мой Мир
  • LiveJournal
  • Одноклассники
  • Блог Я.ру
  • MySpace
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • Reddit
  • StumbleUpon
  • Technorati
  • del.icio.us
  • БобрДобр
  • LinkedIn
  • Memori.ru
  • Сто закладок
  • Blogger

  • Елена - 10.11.2013 в 18:29

    Все сделала, как писали, но нумерация страниц не появилась. В чем может быть дело?

  • proff095 - 27.02.2014 в 16:15

    Подскажите стоил ли ставить на свой интернет магазин онлайн консультанта. Сейчас столько хороших отзывов… Уже нашел себе система будет от RedHelper. Просто стоит ли? Впринцепе система очень доступная и есть тестовый период. Буду пробывать.

  • www.pecherski.net - 16.10.2014 в 15:25

    Наконец-то нашел нужную статью. Помогло.

  • ©2012-2017 По всем вопросам обращайтесь через форму обратной связи

    Яндекс.Метрика