このブログでよく読まれているこの記事があるんですが、
これちょっと内容が長すぎて1ページで表示させると読む人が疲れそうだなーというのが前から気になってました。
そこで今回コードを使って簡単に分割してみましたよ。コードひとつでできるので簡単です!
この記事の目次 [表示]
編集画面でコードをひとつ入れるだけ!
いままで分割させたことなかったんですけど、調べてみたらコードひとつ入れるだけでいいんですね。めっちゃ簡単・・・
テキストモードの場合
WordPressの記事編集画面はビジュアルとテキストの2種類ありますが、まずはテキストから。
分割させたい箇所に以下のコードを入れるだけで分割が可能になります。
<!--nextpage-->
nextpageというタグを入れるとページがそこで分割されるようになってます。
ビジュアルモードの場合
今度はビジュアルモードの場合です、最初ビジュアルモードで表示されることが多いと思うので、こちらのほうが使う人多いかもしれないです。
ビジュアルモードの場合はタグを入れるのではなく、キーボードでショートカットを入力します。
分割させたい箇所にカーソルを持ってきて
Ctrl + Alt + p
と入力すると同様に分割できます。Macの場合はControl + Alt + pですね。
↓今回こちらの記事を参考にしました。感謝!
WordPressで記事ページを分割したい場合の操作方法(nextpageタグ)
実際にやってみても簡単でした
最初に紹介したこのブログの記事も同様にやってみて、無事に分割させることができました。
コードひとつで出来るなら、覚えておいて損はないですねー!
どれくらいで分割させるのが良いの?
1000文字ぐらいまでだったら、比較的さらっと読めてしまいますが、それ以上の文字数になったり内容がちょっと難しい話題の時なんかは分割させて表示すると、読む側も疲れなくて良いと思います。
あと図説とかが多いと、ボリュームが増えてしまうのでそういう時にもおすすめですね。
特にスマホなんかはどうしても幅の関係でスクロール量が増えがちなので、あまりボリュームの多い記事だと読むのが大変だと思います。そういう時にも分割表示は有効な手段かなーと思いました。
気になる方はぜひ使ってみてください!それではー!


