Иногда при работе с WordPress возникает необходимость разбить длинную публикацию на несколько страниц, чтобы улучшить читаемость и ускорить загрузку контента. Вместо установки дополнительных плагинов можно использовать встроенные возможности WordPress для постраничной разбивки публикаций. В этой статье мы подробно разберём, как разделить публикации на страницы, какие есть нюансы, и приведём примеры кода.
Почему стоит разбивать публикации на страницы
Длинные статьи зачастую не удобны для восприятия – пользователи могут устать прокручивать страницу и уйти с сайта. Разбиение статьи на несколько страниц повышает удобство чтения и позволяет быстрее загружать контент по частям.
Кроме того, разбивка помогает улучшить поведенческие метрики сайта, такие как время на странице и глубина просмотра. Также это может положительно повлиять на SEO, если правильно реализовать навигацию между страницами.
Однако важно не переборщить с количеством страниц, чтобы не ухудшить пользовательский опыт.
Как разделить публикацию на страницы с помощью тэга <!--nextpage-->
WordPress имеет встроенный специальный тег <!--nextpage-->, который позволяет разбивать контент записи на несколько страниц.
Чтобы использовать эту возможность, откройте редактор записи и в нужном месте вставьте этот тег. В классическом редакторе переключитесь в режим текстового редактора и вставьте:
<!--nextpage-->В блоковом редакторе (Gutenberg) можно добавить блок "Код HTML" и вставить туда этот тег или переключиться в режим редактирования кода всей записи.
После публикации записи WordPress автоматически сгенерирует навигацию между страницами поста.
Пример использования тэга <!--nextpage-->
Допустим, у вас есть статья с тремя логическими частями. Вы хотите разбить её так:
Первая часть статьи...<!--nextpage-->Вторая часть статьи...<!--nextpage-->Третья часть статьи...После публикации будет показана навигация:
- Страница 1
- Страница 2
- Страница 3
Пользователь сможет переключаться между частями статьи.
Как кастомизировать навигацию между страницами публикации
По умолчанию WordPress выводит навигацию с помощью функции wp_link_pages(). Чтобы настроить внешний вид и текст ссылок, можно использовать параметры этой функции.
Добавьте следующий код в файл темы single.php или content-single.php в месте, где выводится контент:
<?php
wp_link_pages(array(
'before' => '<div class="post-pagination"><strong>Страницы:</strong> ',
'after' => '</div>',
'link_before' => '<span>',
'link_after' => '</span>',
'next_or_number' => 'number', // показывать номера страниц
'separator' => ' | ',
));
?>Этот код выведет номера страниц с разделителем | и обернёт их в стилизованный блок.
Кастомизация текста навигации
Если хочется добавить кнопки «Следующая» и «Предыдущая», можно использовать следующий код:
<?php
wp_link_pages(array(
'before' => '<div class="post-pagination">',
'after' => '</div>',
'next_or_number' => 'next',
'nextpagelink' => 'Следующая страница',
'previouspagelink' => 'Предыдущая страница',
));
?>Этот вариант покажет только ссылки «Предыдущая страница» и «Следующая страница».
Как улучшить UX при разбивке публикаций на страницы
Разбиение статьи полезно, но всегда стоит помнить про удобство пользователя. Вот несколько советов:
- Добавьте индикатор текущей страницы, чтобы пользователь понимал, на какой части статьи он находится.
- Используйте понятную и простую навигацию — номера страниц или кнопки «Далее» и «Назад».
- Обязательно сохраняйте SEO-метки и заголовки на каждой странице, чтобы поисковики корректно индексировали контент.
- Оптимизируйте скорость загрузки каждой страницы, чтобы не создавать задержек.
Для добавления индикатора текущей страницы можно модифицировать вывод wp_link_pages() следующим образом:
<?php
wp_link_pages(array(
'before' => '<div class="post-pagination"><strong>Страницы:</strong> ',
'after' => '</div>',
'link_before' => '<span class="page-number">',
'link_after' => '</span>',
'pagelink' => '%',
'echo' => 1
));
?>Вы также можете добавить CSS, чтобы выделить текущую страницу:
.post-pagination .page-number.current {
font-weight: bold;
color: #0073aa;
}Поддержка многостраничных публикаций в популярных плагинах
Если вы используете такие плагины, как Clearfy Pro, обратите внимание, что они не конфликтуют с функцией постраничной разбивки. Однако некоторые плагины кэширования или оптимизации могут потребовать дополнительной настройки для корректной работы многостраничных записей.
Также можно использовать плагины для улучшения навигации между страницами поста, если стандартный функционал кажется недостаточным. Но для базовых задач встроенного решения обычно хватает.
Пример функции для автоматического добавления тэга <!--nextpage--> по количеству слов
Если вы хотите автоматически разбивать слишком длинные статьи, можно написать функцию, которая добавляет <!--nextpage--> после определённого количества слов:
function wpdownload_auto_paginate_post_content($content) {
if (is_single() && !is_admin()) {
$word_limit = 500; // лимит слов на страницу
$words = preg_split('/\s+/', $content);
if (count($words) > $word_limit) {
$pages = array_chunk($words, $word_limit);
$content = '';
foreach ($pages as $index => $page_words) {
$content .= implode(' ', $page_words);
if ($index < count($pages) - 1) {
$content .= '<!--nextpage-->';
}
}
}
}
return $content;
}
add_filter('the_content', 'wpdownload_auto_paginate_post_content');Эта функция разбивает контент на страницы по 500 слов и вставляет тег <!--nextpage--> автоматически.
Итог
Разделение публикаций на страницы в WordPress — простой и эффективный способ повысить удобство чтения и оптимизировать загрузку сайта. Используйте встроенный тег <!--nextpage--> для разметки, настраивайте навигацию через wp_link_pages(), и при необходимости реализуйте автоматическую разбивку через фильтры.
Дополнительные возможности и интеграции с плагинами, такими как Clearfy Pro, позволят сделать навигацию более удобной и SEO-дружелюбной.