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

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

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

    Чтобы разбить пост на несколько страниц, в текстовом редакторе WordPress используйте специальный тег nextpage в нужных местах поста, где вы хотите разделить его.

    Например:

    html
    
    Текст первой страницы
    
    <!–nextpage–>
    
    Текст второй страницы
    
    <!–nextpage–>
    
    Текст третьей страницы
    
    

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

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

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

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

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

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

    Разбор:

    • wp_link_pages() — функция, которая выводит список ссылок на страницы в посте.
    • ‘before’ => ‘<div class=»page-links»>’ . esc_html__( ‘Pages:’, ‘textdomen’ ) — перед ссылками выводится текст «Pages:» с классом page-links и возможность перевода. Textdomen — это текстовый домен, который указывает на плагин или тему, к которой относится этот текст
    • ‘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. Использование в плагинах и темах

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

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

    Откройте файл single.php — это файл шаблона для отображения одиночного поста.

    Внутри цикла 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:', 'textdomain' ),
               'after'  => '</div>',
               )
           );
    ?>
    </div>
    <?php endwhile; ?>
    
    

Резюме:

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

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