BLOG
投稿ページを分割
2019/10/02 [Wed] WEB
相変わらず特に宣伝活動もせず、ほとんどアクセスのないサイトを気ままに更新している状態ですが、ひとつの記事の文章量が多いのでどうも読みにくいなぁ、と思い、投稿ページを分割することにしました。
Gutenbergなら簡単に改ページできる
WordPress5.0〜の新エディター「Gutenberg」ならば、ブロック追加の項目の「レイアウト要素」の中にある「改ページ」を挿入するだけでページを分割することができます。
ただ、これだけだと分割された2ページ目以降にアクセスすることができないので、「wp_link_pages」を使って適宜ページネーションを作成する必要があります。
テンプレートタグ/wp link pages – WordPress Codex 日本語版https://bit.ly/2oo0rtK1 説明; 2 使い方. 2.1 デフォルトの使い方. 3 パラメータ; 4 戻り値; 5 用例. 5.1 デフォルトの使い方; 5.2 段落（p）タグで囲って表示; 5.3 DIV タグで囲って表示; 5.4 content.php の中で wp_link_pages を使う. 6 変更履歴; 7 ソースファイル
上記のリンク内にある記述例、
<?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
