Blog スタッフブログ

コーダーのKです。

エディタのGutenbergでコンテンツが長い投稿にページ送りを実装する方法をご紹介します。

1.テーマ側のテンプレートの修正

Gutenbergのページ区切りブロックを配置しただけでは表示されないので、ページ区切りを表示する場所に関数wp_link_pages()の追加が必要です。

<?php wp_link_pages(); ?>

注意点

この関数が機能するのはループの中である必要があります。

single.phpで使う場合は以下のように関数を追加します。

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<?php wp_link_pages(); ?>

<?php endwhile; ?>
<?php endif; ?>

2.Gutenbergのページ区切りブロックを配置

投稿の編集ページでページ区切りを設置した前後でページが分割されます。