WP PageNavi - лучшее решение для постраничной навигации в WordPress

Детальное руководство по настройке WP PageNavi - лучшего решения для вывода постраничной навигации в WP. Инструкция по установке и настройке.

Плагин WP-PageNavi - простое и бесплатное решение для вывода постраничной навигации на сайте WordPress.

Как устанавливать?

Установка обычная и аналогичная остальным плагинам.

1. В админ-панели перейдите в Плагины > Добавить новый и в строке поиска впишите название плагина.

wp pagenavi поиск в каталоге wordpress
Поиск плагина WP-PageNavi из админ-панели WordPress

2. В найденном списке выберите карточку дополнения и нажмите по очереди кнопки Установить и Активировать.

wp pagenavi установка
Установка плагина WP-PageNavi из админ-панели WordPress

Как настроить?

После активации в админ-меню появился новый раздел - Настройки > WP-PageNavi.

wp pagenavi настройка
Настройка плагина WP-PageNavi

Страница настроек имеет 2 блока.

Шаблоны списка страниц

Опции позволяют настроить текстовые элементы блока пагинации. Т.е. задать общий шаблон, по которому будет строится навигация страниц.

wp pagenavi настройка шаблона
Настройка шаблона в плагине WP-PageNavi

Настройки списка страниц

В блоке настраивается список страниц навигации. Возможно задать:

  1. CSS-стили;
  2. оформление списка страниц (обычный или как выпадающий список);
  3. количество страниц для показа;
  4. диапазон, его коэффициент.
wp pagenavi настройка списка страниц
Настройка списка страниц в плагине WP-PageNavi

Как вывести в шаблоне темы?

Для этого плагин предлагает функцию, которую нужно вызвать в файле шаблона WordPress-темы:

<?php wp_pagenavi(); ?>

Обычно для этого служат файлы index.php, archive.php, search.php. Если в теме уже встроена пагинация, то указанный код нужно вставить вместо нее.

wp pagenavi на сайте
Пагинация на сайте с плагином WP-PageNavi

Как добавить свои стили?

Для этого скопируйте файл pagenavi-css.css из каталога плагинов в каталог вашей темы и внесите в него нужные правила. Таким образом, вы не потеряете свои изменения при обновлении плагина.

Кроме того, вы можете запретить использование встроенного стиля и добавить свои правила в файл style.css вашей темы. За это отвечает настройка Использовать стиль pagenavi-css.css.

wp pagenavi не использовать стили плагина
Не использовать CSS-стили плагина WP-PageNavi

Добавь в закладки и поделись с друзьями:

⭐⭐⭐⭐⭐
×
WordPress:
прокачай свой сайт!

Скидка на премиум темы и плагины

Успей забрать скидку ⋙