Создание постраничной навигации wordpress с помощью плагина Wp-Pagenavi

Wp-Pagenavi

Со временем количество записей на блоге постоянно растет в геометрической прогрессии и для удобства пользователей необходимо сделать хорошую навигацию по блогу. Вы можете сделать постраничную навигацию без плагинов или если не хотите заморачиваться – рассмотрим способ реализации навигации с помощью плагина Wp-Pagenavi.

Установка и добавление плагина Wp-Pagenavi

Подробно, как установить плагин я уже писал, но и для этого поста напишу вкратце:

  1. Заходим в административную панель во вкладку “Плагины”
  2. Выбираем пункт “Добавить новый”
  3. Вводи “Wp-Pagenavi” и нажимаем “Поиск плагинов”
  4. Устанавливаем плагин и нажимаем на кнопку “Активировать”

Плагин полностью русифицирован, так что переводить на русский язык его не придется. Теперь у нас в параметрах появился дополнительный пункт “Список страниц”. О настройках данного плагина чуть ниже.

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

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

В настройках шаблона списка страниц мы можем выбрать варианты отображения, а так же поставить те символы, которые могут переключать страницы навигации. Чуть ниже Вы можете отключить стандартные стили и прописать свои в файле style.css Вашей темы. Так же для настроек доступно выбрать количество страниц для показа, диапазон страниц для показа, а так же коэффициент для диапазонов страниц.

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

Интеграция с темой

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

navigation

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

Нам нужно их заменить на вывод функции постраничной навигации:

Таким простым образом плагин будет интегрирован в Ваше тему.

Варианты оформления Wp-Pagenavi

Не всегда всем нравится, как стандартно оформлены стили плагина. Если Вы не хотите копаться в файлах стилей, который можно применять через изменения файла style.css, то есть более простое решение. Вам нужно всего лишь установить плагин WP PageNavi Style. Устанавливается он легко из админки, без проблем интегрируется на Ваш блог. После установки у нас появился отдельный пункт в меню “PageNavi Style”.

У него есть множество различных оформлений, многие из них реализованы на CSS3. Давайте посмотрим, какие цветовые решения можно установить (это не весь список, на момент написания записи в плагине было добавлено 34 варианта оформления.

Оформление плагина WP-PageNavi

Выбирайте тот, который Вам больше понравится! Если у Вас возникли вопросы – посмотрите видеоурок или задавайте вопросы в комментариях! Спасибо, что остаетесь с нашим блогом. Ваш WordPress Гуру.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">