[WP]WordPressで記事にページ送りを付けて分割する方法
スポンサード
※TinyMCE Advanced プラグインの設定方法に関しては、こちらの記事を参考にしてみてください。
※もし、上記画像の位置に改ページ挿入ボタンがなければ、ページ中段のボタン群の中から「Split Page」ボタンを取り込みます。
「Next Page」と表示されれば分割完了です。
ページ送り用のWordPressプラグイン「WP PageNavi Style」を使っていると、そのデザインが適用されます。
スポンサード
ニュースサイトや特集コンテンツなどで、記事が1ページ、2ページ…、3ページ…と分割されているのをよく見かけます。
WordPressで記事を書く場合も同じような記事を複数ページにを分割する機能を利用できますので、今回は記事を分割する方法をビジュアルエディタとテキストエディタの2種類の方法に分けて紹介します。
目次
ビジュアルエディタモードの場合
TinyMCE Advanced プラグインのインストール
ビジュアルエディタ拡張用のWordPressプラグイン「TinyMCE Advanced」を導入することで、ページ分割用のボタンを追加することができます。※TinyMCE Advanced プラグインの設定方法に関しては、こちらの記事を参考にしてみてください。
改ページ挿入ボタンの設置
TinyMCE Buttons Arrangement ページ内の以下のボタンが、「改ページ挿入」ボタンです。※もし、上記画像の位置に改ページ挿入ボタンがなければ、ページ中段のボタン群の中から「Split Page」ボタンを取り込みます。
改ページ挿入ボタンでページ分割
記事投稿画面へ進み、ページ分割させたい場所で「改ページ挿入」ボタンをクリックします。「Next Page」と表示されれば分割完了です。
HTML編集モードの場合
続いてHTML編集モード(テキストエディタ)ですが、こちらはページ分割させたい場所に<!--nextpage-->
タグを挿入するだけです。フロント画面での表示例
single.php のテンプレートファイル内で、ページ送りを設置したい場所に以下のコードが必要です。<?php wp_link_pages('before=<div id="page-links">&after=</div>'); ?>
ページ送り用のWordPressプラグイン「WP PageNavi Style」を使っていると、そのデザインが適用されます。
スポンサード
コメント