Как в WordPress разбить статью на несколько страниц.

Для этого нужно правильно использовать и настроить функцию wp_link_pages(), применяемую в WordPress для отображения ссылок на страницы в длинных постах, вот пошаговое руководство:

1. Разбиение поста на страницы

Чтобы разбить пост на несколько страниц, используйте специальный тег (<!—nextpage—>) в нужных местах поста, где вы хотите разделить его. Например:

html

<p>Текст первой страницы</p>

<!--nextpage-->

<p>Текст второй страницы</p>

<!--nextpage-->

<p>Текст третьей страницы</p>

Каждая часть между тегами (<!—nextpage—>) будет представлять отдельную страницу, и WordPress автоматически создаст для них ссылки.

2. Вставка кода для отображения ссылок на страницы

Теперь, чтобы отобразить навигацию между страницами на вашем сайте, используйте функцию wp_link_pages(). Она будет выводить ссылки на страницы, если пост был разбит на несколько частей.

Пример кода для шаблона:

Вставьте следующий код в ваш шаблон, обычно это файл single.php, где выводится контент поста:

php

   
      wp_link_pages(
            array(
                'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'shekha' ),
                'after' => '</div>',
             )
      );

Разбор:

• wp_link_pages() — функция, которая выводит список ссылок на страницы в посте.
• ‘before’ => ‘<div class=»page-links»>’ . esc_html__( ‘Pages:’, ‘theme’ ) — перед ссылками выводится текст «Pages:» с классом page-links и возможность перевода.
• ‘after’ => ‘</div>’ — после ссылок закрывается контейнер <div>.

3. Дизайн и стилизация

Теперь, чтобы красиво отобразить эти ссылки на страницах, вы можете добавить стили. Например, в вашем CSS:

css

.page-links {
margin-top: 20px;
font-size: 16px;
}

.page-links a {
text-decoration: none;
color: #0073aa;
margin: 0 5px;
}

.page-links a:hover {
color: #005177;
}

Этот CSS обеспечит базовую стилизацию для ссылок между страницами. Ссылки будут отображаться с маргином и изменять цвет при наведении.

4. Использование в плагинах и темах

Если вы разрабатываете свою тему или плагин, и хотите обеспечить поддержку многоколоночных постов, вам нужно будет добавить этот код в соответствующие файлы шаблонов, чтобы правильно обрабатывать посты с разбиением на страницы.

Пример использования в теме:

1. Откройте файл single.php — это файл шаблона для отображения одиночного поста.
2. Внутри цикла WordPress, где выводится контент, добавьте функцию wp_link_pages():

php

  
  <?php while (have_posts()) : the_post(); ?>
     <div class="post-content">
          <?php the_content(); ?> 

          <!-- Ссылки для перехода между страницами -->
          <?php
          wp_link_pages(
              array(
                 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'your-theme-textdomain' ),
                 'after'  => '</div>',
              )
          );
         ?>
   </div>
<?php endwhile; ?>

Резюме:

1. Разбейте контент на страницы с помощью (<!—nextpage—>).
2. Используйте функцию wp_link_pages() для отображения ссылок на эти страницы.
3. Добавьте стили для улучшения внешнего вида.

Теперь у вас будет полноценно работающая навигация по страницам внутри поста или страницы WordPress.