Site icon Vavik96

Разбиваем текст записи на страницы в WordPress

Не каждому пользователю на вашем сайте нравиться читать длинные тексты и на это есть свои причины. Когда пользователь заходит на нужную ему страницы и видит огромную кучу текста, то у него автоматически включиться лень. Если вы в сети не первый день, то возможно видели такую фразу “Афтор много букаф, не осилил”.
Сейчас во всю работают ПФ и чем больше человек пробудет у вас на сайте, тем лучше будет относиться яндекс к вашему сайту. В целом тут все понятно, если пользователь зашел к вам на сайт и через 10 секунд его закрыл, значит ваш сайт унылый и на нем нет полезной информации или человек её просто не нашел. И большие тексты тут играют отрицательную роль.

А если нам разбить текст записи на страницы в WordPress, то мы исправим эту ошибку. Да и сделать это можно очень просто и быстро!

Как разбить текст записи на страницы в WordPress?!
Все очень просто, так как мы будем использовать стандартный тег от WordPress:

<!–nextpage–>

 

Запись мы пишем как и писали, а где нужно разбить страницу мы вставляем этот код (так же как и тег more, который делает полную новость).
Редактируем шаблон
Не в каждом шаблоне будет работать данный тег, для того чтобы он работал нужно отредактировать файл single.php который лежит в папке с ваши шаблоном. Данный файл отвечает за вывод записи или страницы.

Вот кусок кода с этого файла:

if (have_posts())

&nbsp;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 (возможно у вас он будет с другим названием) нужные вам стили.
Источник

Exit mobile version