1. WordPress
  2. Постраничная навигация

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

Есть две функции для вывода постраничной навигации:

  • the_posts_pagination() — выводит номера страниц и ссылки «вперёд» и «назад»;
  • the_posts_navigation() — выводит только ссылки «вперёд» и «назад».

Ниже пример постраничной навигации через функцию the_posts_pagination().

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

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

  • show_all — выводит все страницы;
  • end_size — количество страниц в начале и конце списка;
  • mid_size — количество страниц слева и справа от текущей страницы.

Вставить свой текст в кнопки «назад» и «вперёд» можно через код ниже:

// также работает для the_posts_navigation()
the_posts_pagination([
    'prev_text' => 'Назад',
    'next_text' => 'Вперёд',
]);

Добавить код перед и после номеров страниц

Добавить код перед и после номеров страниц можно через атрибуты before_page_number и after_page_number.

the_posts_pagination([
    'before_page_number' => '<i class="icon-before"></i>',
    'after_page_number'  => '<i class="icon-after"></i>',
]);

Плагин WP-PageNavi

Также есть популярный плагин для постраничной навигации WP-PageNavi. Выводится через код ниже.

wp_pagenavi();

В результате сгенерируется примерно следующая постраничная навигация:

WordPress. WP-PageNavi

Настройки WP-PageNavi находятся в Настройки → PageNavi.