Для этого нужно правильно использовать и настроить функцию wp_link_pages(), применяемую в WordPress для отображения ссылок на страницы в длинных постах, вот пошаговое руководство:
-
Разбиение поста на страницы
Чтобы разбить пост на несколько страниц, в текстовом редакторе WordPress используйте специальный тег nextpage в нужных местах поста, где вы хотите разделить его.
Например:
html Текст первой страницы <!–nextpage–> Текст второй страницы <!–nextpage–> Текст третьей страницы
Каждая часть между тегами nextpage будет представлять отдельную страницу, и WordPress автоматически создаст для них ссылки.
-
Вставка кода для отображения ссылок на страницы
Теперь, чтобы отобразить навигацию между страницами на вашем сайте, используйте функцию 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>.
-
Дизайн и стилизация
Теперь, чтобы красиво отобразить эти ссылки на страницах, вы можете добавить стили.
Например, в вашем 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 обеспечит базовую стилизацию для ссылок между страницами. Ссылки будут отображаться с маргином и изменять цвет при наведении.
-
Использование в плагинах и темах
Если вы разрабатываете свою тему или плагин, и хотите обеспечить поддержку многоколоночных постов, вам нужно будет добавить этот код в соответствующие файлы шаблонов, чтобы правильно обрабатывать посты с разбиением на страницы.
Пример использования в теме:
Откройте файл 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; ?>
Резюме:
- Разбейте контент на страницы с помощью nextpage.
- Используйте функцию wp_link_pages() для отображения ссылок на эти страницы.
- Добавьте стили для улучшения внешнего вида.
Теперь у вас будет полноценно работающая навигация по страницам внутри поста или страницы WordPress.