WordPressでブログ記事を別のページとして、分割して表示したい場合の操作方法を記載します。
利用方法はふたつあります。
もくじ
ひとつめの方法:テキストモードで<!--nextpage-->タグを利用
記事本文内のページを分けたい箇所に下記のタグを追加するだけです。
<!--nextpage-->
ただしこのコードは本文入力の「ビジュアル | テキスト」を「テキスト」にした状態で入力しなければいけません。
![](http://demo-stork.open-cage.com/wp-content/uploads/2012/01/3addcc8e007f1a2b70f09ff53f32ad11.png)
ビジュアルモードのままで<!--nextpage-->を記載しても、うまく動作しないのでその点はご注意ください。
じゃあビジュアルモードでは使えないの?不便…という方は下のふたつめの方法をお試しください。
ふたつめの方法:ビジュアルモードでキーボードショートカットを使う
ひとつめの方法は、テキストモードでタグを記述するというもので、ビジュアル入力モードでは利用できませんでした。ふたつめの方法はビジュアルモードのままでページ分けを行う方法です。
ビジュアルモードでページ分けをするには、キーボードショートカットを利用します。
ビジュアルモードの状態で、ページ分けしたい場所にカーソルをあわせて
Ctrl(Macの場合control) + Alt + p を押してみてください。そうすることでPAGE BREAKという文字が表示されるはずです。
![](http://demo-stork.open-cage.com/wp-content/uploads/2012/01/90e34a59e947908325dfc0e83a954e72.gif)
上記のアニメーション画像のように、ページ分けしたい箇所にPAGE BREAKが表示され、実際にプレビューしてみるとこのようにページが途切れていることがわかります。
![](http://demo-stork.open-cage.com/wp-content/uploads/2012/01/ceec52163f0a7a3d7e3ca3250c6862a0.png)
このような形でページ分けをすることが可能です。
おまけ:キーボードショートカットの確認方法
ちなみにキーボードショートカットの確認方法は、本文上のツールバーの【?】というアイコンの箇所となります。
![](https://open-cage.com/wp-content/uploads/2017/03/7ce491ef1b6b1c9d647d7b5a7a458a2d-1024x194.png)
ここをクリックすることで、エディタ内で利用できる様々なキーボードショートカットを確認することができ、【Page Breakタグを挿入】というのが、記事のページ分けようのショートカットです。
![](https://open-cage.com/wp-content/uploads/2017/03/539a551240441237e0b17fb142d5afcf-1024x767.png)
この他にも様々なショートカットが用意されているので、よく使うものは覚えておくといいかもしれません。
まとめ
普段「ビジュアルかテキスト」のどちらを利用しているかによってやり方が違ってきます。
- テキストモードの場合は、<!--nextpage-->を利用
- ビジュアルモードの場合は、キーボードショートカットの「 Ctrl(Macの場合control)+Alt+p 」 を利用
となります。