Пагинация WordPress - лучшие плагины постраничной навигации записей
Также функция позволяет снизить нагрузки на сервер. Данные будут загружаться быстрее, чем при загрузке содержимого всего блога одновременно. Производительность интернет-ресурса повышается за счет уменьшения объема контента, необходимого для загрузки на каждой вкладке. Предлагаем детально поговорить о том, как добавить пагинацию на CMS WordPress.
Для чего нужна пагинация
WordPress пагинация способна сделать интернет-проект по-настоящему интерактивным, улучшив взаимодействие пользователей с ним. Посетителям удобно: в любой момент на экране есть ссылки, возможность выбирать, на который из постов блога перейти.
Позволяет группировать и сортировать большие объемы данных. Бывает двух видов: алфавитная и циферная. Первая подойдет для представления словаря или раздела F.A.Q. Циферная помогает пользователю быстрее и проще ориентироваться, находить нужный контент.
Способы добавления пагинации
Предпочтения веб-разработчиков при реализации пагинации в WordPress
(опрос 1500 проектов, 2025)
Использование визуального шаблона (темы WordPress)
“AJAX-пагинация – информация динамически подгружается на страницу, когда пользователь прокручивает ее вниз.
— Механизм бесконечной прокрутки (ленивая загрузка контента)
Чтобы поставить на свой сайт шаблон WordPress, которая поддерживает постраничную разбивку, введите слово «pagination» в поиске темы оформления. У WordPress есть встроенный фильтр, который автоматически выводит шаблоны с подходящим функционалом. Перед установкой и активацией выбранной темы можно нажать на «Предварительный просмотр».
“Предварительный просмотр – упрощенный инструмент, поэтому ряд элементов, которые будут присутствовать в конечном оформлении, могут не отобразиться (слайдер, виджеты, изображение, которое принадлежит заголовку и т.д.).
— Особенности визуального редактора в WordPress
Специальные плагины пагинации WordPress
Самый популярный плагин WordPress для пагинации, это WP-PageNavi, но есть и другие. Вот список лучших из них:
-
BestWebSoft
-
WP-Paginate
-
HocWP
-
Alphabetic Pagination
WP-PageNavi
Порядок действий для использования плагина:
- Перейти в «Плагины» и нажать «Добавить новый» («Add new plugin»).
- Найти через поиск WP-PageNavi, загрузить и активировать его.
- В административной панели перейти в меню.
- Сделать и сохранить основные настройки (шаблон, число и диапазон страниц).
- В шаблоне темы WordPress прописать следующий код: <?php wp_pagenavi(); ?>
Pagination by BestWebSoft
Возможна пагинация WordPress для разных частей портала: для главной, для страницы товаров, для блока архивных записей и проч.
В разделе «Custom code» можно формировать личные, уникальные CSS-стили. Вкладка «Appearance» позволяет изменять тип отображения постраничной разбивки, цвет фона и текста, границы pagination.
После сохранения изменений модуль в автоматическом режиме выполнит все необходимое для вывода навигации.
Выборочная активация
Включайте пагинацию только на нужных разделах: главной, архивных страницах, результатах поиска, ленте товаров WooCommerce или отдельных типах записей.
Готовые цветовые схемы
Выберите один из предустановленных стилей или настройте фон, границы, отступы и цвета кнопок через визуальный интерфейс.
Произвольный CSS-код
В разделе «Custom code» добавляйте свои стили, чтобы адаптировать пагинацию под уникальный дизайн темы без изменения файлов шаблона.
Автоматическое внедрение
После сохранения настроек плагин сам встраивает навигацию в нужные места — не нужно редактировать functions.php или вставлять шорткоды.
Совместимость с темами
Плагин корректно работает с большинством популярных тем, включая кастомные сборки, и не конфликтует с другими модулями навигации.
Отладка и кэш
После изменения настроек очистите кэш браузера и кэш плагинов оптимизации — тогда пагинация отобразится мгновенно и без сбоев.
WP-Paginate
Pagination by HocWP
Особенности:
- Настройки отображения ярлыков;
- Выбор количества кнопок;
- Навигационные виджеты pagination «Вперед» и «Назад»;
- Настройки отображения кнопок первой и последней вкладок.
Alphabetic Pagination
Порядок установки и активации pagination аналогичен описанным выше. Рассмотрим несколько специальных настроек Alphabetic.
«Implementation» – автоматический или ручной вывод алфавита. Первый встраивает разбивку автоматически под основным меню. Для ручного режима предлагается шорткод. Например, «Hide/Show pagination if only one post available?» – показать/скрыть разбивку, если на блоге есть только один пост. Вот еще несколько вариантов:
-
«Disable Empty Alphabets?»
Показать/скрыть навигацию, если нет постов. -
«Display on all lists?»
Выбор областей вывода алфавитной пагинации. -
«DOM Position?»
Место вывода. Можно оставить по умолчанию. -
«Styles»
Стили алфавитного блока.
После успешной настройки параметров pagination на свой вкус, необходимо будет сохранить изменения и Alphabetic выведет алфавитную пагинацию в выбранных разделах WordPress.
Ручной метод вывода pagination
Обратим ваше внимание на то, что прежде чем вносить какие-либо изменения или редактировать файлы, рекомендуется сделать полную резервную копию веб-ресурса.
Итак, в файле index.php или category.php нужно прописать следующий код:
Результатом будет примерно следующее:
<h2 class="screen-reader-text">Навигация по рубрикам</h2>
<div class="nav-links"><span class="page-numbers current">1</span>
<a class="page-numbers" href="http://sitename.tld/page/2/">2</a>
<span class="page-numbers dots">…</span>
<a class="page-numbers" href="http://sitename.tld/page/91/">98</a>
<a class="page-numbers" href="http://sitename.tld/page/92/">99</a>
<a class="next page-numbers" href="http:/sitename.tld/page/2/">Следующая страница</a>
</div>
</nav>
Еще одна встроеная функция Вордпресс: paginate_links( $args = '' ). Позволяет реализовать кастомную пагинацию практически для любых целей, но требует уверенного владения кодом.
Пагинация и оптимизация
На практике это выглядит так: допустим, на вашем интернет-ресурсе более 300 товаров. Если они все будут загружаться на одной странице, то возникнут две проблемы:
- Сайт или отдельные блоки загружаются слишком долго;
- Пользователь может не найти нужную информацию.
Некоторые специалисты рекомендуют закрывать страницы pagination от сканирования с помощью размещения <meta name=”robots” content=”noindex, follow” />. В одном из комментариев на известном SEO форуме высказали идею: использовать для этого плагин All in One SEO Pack.
Некоторые специалисты рекомендуют закрывать страницы от сканирования с помощью размещения <meta name=”robots” content=”noindex, follow” />. В одном из комментариев на известном SEO форуме высказали идею для вывода pagination: использовать для этого плагин All in One SEO Pack.
Заключение
Постраничная разбивка может значительно повысить общую производительность интернет-ресурса за счет уменьшения объема контента, необходимого для загрузки на каждой вкладке.
- 1«SEO-продвижение как эффективный инструмент интернет-маркетинга» // Стратегии бизнеса. – 2014. – № 1 (3). – С. 120-124.
- 2«SEO продвижение как инструмент Интернет-маркетинга» // StudNet. – 2021. – Т. 4. – № 6. – С. 1
- 3«SEO-продвижение в системе комплексного интернет-маркетинга» // Социальные науки. – 2018. – № 2. – С. 49-55.
