Плагин постраничной навигации (пагинации) WordPress

В этой статье рассмотрим как сделать постраничную навигацию (пагинацию) для WordPress сайта с помощью плагинов WP-PageNavi и WP Page Numbers.

Плагин постраничной навигации WordPress

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

Плагин постраничной навигации WP-PageNavi

Скачать WP-PageNavi. Плагин есть в официальном каталоге плагинов для Вордпресс и доступен для скачивания из консоли.

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

Постраничная навигация

Вид будет во много зависеть от дизайна WordPress шаблона, так что не пугайтесь аскетичного вида плагина нумерации страниц изображенного на скрине выше.

У плагина постраничной навигации есть ряд настроек, которые можно найти в разделе «Настройки» - «Список страниц».

Шаблон общего списка страниц позволяет сделать первичное оформление:

Настройки Wp Pagenavi

В результате получим следующее:

нумерация страниц

Об элементах оформления писать не буду, как правило, никто их не меняет.

Можно настроить постраничную навигацию так, чтобы она отображалась в виде выпадающего списка:

выпадающая нумерация

Вид конечно не совсем привлекательный, но зато все очень компактно.

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

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

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

Плагин пагинации WP Page Numbers

Скачать Плагин WP Page Numbers. Устанавливаем.

Этот плагин мне понравился несколько больше чем предыдущий, так как имеет ряд неоспоримых преимуществ.

Одно из которых оценят те, кто не силен в CSS. А именно - плагин поддерживает 5 стилей оформления панели постраничной навигации WordPress. Так что владелец сайта сможет подобрать необходимое стилистическое оформление, сочетающееся с общими тонами сайта.

Переходим в Настройки – Page numbers.

Выбираем оптимальное оформление:

Плагин нумерации WP

Делаем перевод основных элементов:

настройка ВП нави

Настраиваем какие элементы постраничной навигации должны быть скрыты и какие будут отображаться на сайте:

WP Page Numbers

Остался последний штрих – добавить код вывода работы плагина.

Как это сделать? Прежде всего, необходимо найти код, который отвечает за вывод стандартной навигации:

стандартная навигация

Этот код обязательно содержит в себе 2 WordPress функции: previous_post() и next_post().

Вывод панели навигации осуществляется на главной странице, в рубриках, в метках, архивах, поэтому нужно искать этот код в соответствующих файлах:

wp-content\themes\ваша_тема\index.php

wp-content\themes\ваша_тема\category.php

wp-content\themes\ваша_тема\tag.php

wp-content\themes\ваша_тема\archives.php

Настоятельно рекомендую создать резервную копию всех фалов, которые необходимо изменить.

Найденный код необходимо заменить на код, указанный в настройках плагина:

<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?>

вставка кода

Что делать если такого кода там не оказалось? В некоторых Вордпресс темах эти функции могут быть вынесены в отдельный файл. Для того чтобы их найти, необходимо воспользоваться текстовым редактором, который поддерживает поиск по файлам, например: Notepad++, либо же Dreamweaver, он с этой функцией так же неплохо справляется.

Задать нужно следующие условия поиска:

поиск в notepad

Мне нашло следующий код:

код навигации

Который необходимо заменить на:

код нумерации страниц

Комментарии к “Плагин постраничной навигации (пагинации) WordPress

  1. У меня почему-то второй плагин постраничной навигации работать не хочет.

    1. Буквально сегодня протестировал оба плагина. Возможно, возник конфликт с другими установленными плагинами, но это индивидуальный случай, помочь, не видя своими глазами порядок действий, весьма трудно.

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

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