Не каждому пользователю на вашем сайте нравиться читать длинные тексты и на это есть свои причины. Когда пользователь заходит на нужную ему страницы и видит огромную кучу текста, то у него автоматически включиться лень. Если вы в сети не первый день, то возможно видели такую фразу “Афтор много букаф, не осилил”.
Сейчас во всю работают ПФ и чем больше человек пробудет у вас на сайте, тем лучше будет относиться яндекс к вашему сайту. В целом тут все понятно, если пользователь зашел к вам на сайт и через 10 секунд его закрыл, значит ваш сайт унылый и на нем нет полезной информации или человек её просто не нашел. И большие тексты тут играют отрицательную роль.
А если нам разбить текст записи на страницы в WordPress, то мы исправим эту ошибку. Да и сделать это можно очень просто и быстро!
Как разбить текст записи на страницы в WordPress?!
Все очень просто, так как мы будем использовать стандартный тег от WordPress:
<!–nextpage–>
Запись мы пишем как и писали, а где нужно разбить страницу мы вставляем этот код (так же как и тег more, который делает полную новость).
Редактируем шаблон
Не в каждом шаблоне будет работать данный тег, для того чтобы он работал нужно отредактировать файл single.php который лежит в папке с ваши шаблоном. Данный файл отвечает за вывод записи или страницы.
Вот кусок кода с этого файла:
if (have_posts()) while (have_posts()) : the_post(); the_title(); the_content(); wp_link_pages(); endwhile; endif;
Прошу обратить внимание на функцию wp_link_pages, думаю не сложно догадаться что она выводит набор страниц/ссылок на основе тега nextpage.
Если у вас код в файле single.php построен иначе, то вам лучше вставить функцию wp_link_pages(); сразу после the_content();. Как я написал в коде выше.
После этого у вас будет примерно такая картина в записях или постах, которые вы разбили на дополнительные страницы:
Хорошо, но нужно задать стили, чтобы был более приятный вид.
Добавляем стили CSS для тега nextpage
Для этого заходим в файл single.php, который мы уже редактировали выше. И ищем нашу функцию:
wp_link_pages();
И заменяем его на этот код (уже с присвоенными стилями):
wp_link_pages(array( 'before' => '<div class="page-link">' . 'Pages:', 'after' => '</div>' ));
Если у вас стоит плагин pagenavi, то стили уже будут заданны и получиться примерно такое:
Однако если у вас не заданны стили для “page-link”, то нужно зайти и добавить в файл style.css (возможно у вас он будет с другим названием) нужные вам стили.
Источник