• RSS

[WP]WordPressで記事にページ送りを付けて分割する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

ニュースサイトや特集コンテンツなどで、記事が1ページ、2ページ…、3ページ…と分割されているのをよく見かけます。

WordPressで記事を書く場合も同じような記事を複数ページにを分割する機能を利用できますので、今回は記事を分割する方法をビジュアルエディタとテキストエディタの2種類の方法に分けて紹介します。

目次

ビジュアルエディタモードの場合

TinyMCE Advanced プラグインのインストール

ビジュアルエディタ拡張用のWordPressプラグイン「TinyMCE Advanced」を導入することで、ページ分割用のボタンを追加することができます。
TinyMCE Advanced プラグインの設定方法に関しては、こちらの記事を参考にしてみてください。


改ページ挿入ボタンの設置

TinyMCE Buttons Arrangement ページ内の以下のボタンが、「改ページ挿入」ボタンです。

[WP]WordPressで記事にページ送りを付けて分割する方法

※もし、上記画像の位置に改ページ挿入ボタンがなければ、ページ中段のボタン群の中から「Split Page」ボタンを取り込みます。

[WP]WordPressで記事にページ送りを付けて分割する方法


改ページ挿入ボタンでページ分割

記事投稿画面へ進み、ページ分割させたい場所で「改ページ挿入」ボタンをクリックします。

[WP]WordPressで記事にページ送りを付けて分割する方法

「Next Page」と表示されれば分割完了です。

[WP]WordPressで記事にページ送りを付けて分割する方法

HTML編集モードの場合

続いてHTML編集モード(テキストエディタ)ですが、こちらはページ分割させたい場所に <!--nextpage--> タグを挿入するだけです。

[WP]WordPressで記事にページ送りを付けて分割する方法

フロント画面での表示例

single.php のテンプレートファイル内で、ページ送りを設置したい場所に以下のコードが必要です。
 
<?php wp_link_pages('before=<div id="page-links">&after=</div>'); ?>
 

ページ送り用のWordPressプラグイン「WP PageNavi Style」を使っていると、そのデザインが適用されます。

[WP]WordPressで記事にページ送りを付けて分割する方法



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す