BLOG
投稿ページを分割
2019/10/02 [Wed] WEB相変わらず特に宣伝活動もせず、ほとんどアクセスのないサイトを気ままに更新している状態ですが、ひとつの記事の文章量が多いのでどうも読みにくいなぁ、と思い、投稿ページを分割することにしました。
Gutenbergなら簡単に改ページできる
WordPress5.0〜の新エディター「Gutenberg」ならば、ブロック追加の項目の「レイアウト要素」の中にある「改ページ」を挿入するだけでページを分割することができます。
ただ、これだけだと分割された2ページ目以降にアクセスすることができないので、「wp_link_pages」を使って適宜ページネーションを作成する必要があります。
上記のリンク内にある記述例、
<?php wp_link_pages( ‘before=<p>&after=</p>&next_or_number=number&pagelink=page %’ ); ?>
このように入力した場合、以下のように出力されます。
<p>
<span class=”post-page-numbers current” aria-current=”page”>page 1</span>
<a href=”https://hogehoge.com/permanent_link/2″ class=”post-page-numbers”>page 2</a>
<a href=”https://hogehoge.com/permanent_link/3″ class=”post-page-numbers”>page 3</a>
</p>
<span class=”post-page-numbers current” aria-current=”page”>page 1</span>
<a href=”https://hogehoge.com/permanent_link/2″ class=”post-page-numbers”>page 2</a>
<a href=”https://hogehoge.com/permanent_link/3″ class=”post-page-numbers”>page 3</a>
</p>
パラメータ「pagelink」はデフォルトだと「ページ:1 2…」というように表示されるので、「%」(ページ数に変換される)を使って適宜表示を調整し、cssで体裁を整えると良いです。
1 2