WordPressの投稿を複数のページに分割する方法(投稿のページネーション)

長いWordPressの投稿は読むのが難しいことがあります。読者の興味を失わせることなく、詳細なコンテンツをどのように共有しますか?

その答えは投稿のページネーション、つまり長い投稿をいくつかの短いページに分割することです。私たちはこの方法を使用して、いくつかのブログプロジェクトで大きなガイドや長いチュートリアルを分割しました。毎回、読者はコンテンツへのエンゲージメントを高めていることに気づきました。

このガイドでは、WordPressの投稿を複数のページに分割する方法を説明します。プラグインありとなしで、簡単な方法をカバーします。

WordPressの投稿を分割する方法

WordPressの投稿を複数のページに分割する理由

WordPressブログの投稿やガイドが長文の場合、WordPressのページネーションを設定することでコンテンツの可読性を向上させることができます。

長い投稿を異なるセクションに分割し、複数のページに分割するのに役立ちます。これにより、訪問者はコンテンツを簡単に消化し、興味のあるセクションを読むことができます。

WordPressの投稿を分割するもう1つの利点は、ユーザーエンゲージメントを高めることができることです。ユーザーがページ分割されたコンテンツをナビゲートすると、表示する各ページがページビューの増加に貢献し、ウェブサイト全体の指標に良い影響を与える可能性があります。

それでは、WordPressの記事を複数ページに分割する方法を見ていきましょう。プラグインなしでWordPressの記事を複数ページに分割する方法と、WordPressプラグインを使用する方法の両方について説明します。

プラグインなしで1つの投稿を複数ページに分割する方法

投稿のページネーションを設定する最も簡単な方法は、WordPressブロックエディターの「ページ区切り」ブロックを使用することです。記事を複数のページに分割するためにWordPressプラグインは必要ありません。

まず、Gutenbergブロックエディターを使用して、WordPressウェブサイトに新しい投稿を編集または追加する必要があります。

その後、コンテンツを分割したい場所で「+」ボタンをクリックし、「ページ区切り」ブロックを追加します。

ページ区切りブロックを追加

コンテンツ内にページ分割が表示される場所を示すページ区切り線が表示されるはずです。

このようになります。

コンテンツの改ページを参照してください

古いクラシックエディターを使用している場合は、<!––nextpage––>タグを使用してコンテンツを分割できます。

ブログ記事を書く際は、「テキスト」エディタビューに移動して、長い記事を分割したい場所にタグを入力するだけです。

クラシックエディターに次のページタグを挿入

キーボードのAlt + Shift + Pキーを使用してページ分割を挿入することもできます。これを行うには、「ビジュアル」ビューに移動し、ページ分割を追加したい場所でキーボードショートカットキーを押します。

その後、ブログ投稿をプレビューして公開できます。投稿コンテンツの下部に投稿のページ分割が表示されます。

投稿のページ分割例

方法2:プラグインを使用して複数のWordPress投稿を複数のページに分割する

長いコンテンツをさまざまなページに分割する別の方法は、ページネーションプラグインを使用することです。この方法の利点は、特定の基準を満たすと投稿が自動的にページ分割されることです。

この方法では、無料のAutomatically Paginate Postsプラグインを使用します。使いやすく、どのWordPressテーマでも動作します。

注意: このプラグインは最新のWordPressバージョンでテストされていないことに気づくかもしれません。しかし、私たちは自分で試しましたが、チェックしたすべてのプラグインの中で最もよく機能しました。

WordPressのバージョンでテストされていないプラグインをインストールすべきかどうかについては、私たちの記事で詳しく読むことができます。もし私たちが提供したものよりも優れたプラグインを見つけた場合は、下のコメントで私たちに知らせてください!

まず、WordPressウェブサイトにAutomatically Paginate Postsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するチュートリアルをご覧ください。

プラグインがサイトでアクティブになったら、設定 » 表示設定に移動し、「投稿の自動ページ分割」セクションまでスクロールします。

ページ分割する投稿タイプを選択できます。その後、総ページ数で分割するか、1ページあたりの近似単語数で分割するかを選択します。

投稿の自動ページネーションセクション

次に、「変更を保存」ボタンをクリックして設定を保存します。

プラグインは設定に基づいてコンテンツを自動的に分割します。ただし、プラグインを使用しながらコンテンツに手動で改ページを追加することもできます。

ボーナスのヒント:AIOSEOを使用して投稿のページ分割を最適化する

長い投稿にページネーションを適用することは、ユーザーエクスペリエンスを確実に向上させます。ただし、サイトのSEO(検索エンジン最適化)に悪影響を与えないように、投稿を適切に設定することが重要です。

ブログ記事がページネーションによって複数のページにまたがっている場合、Googlebot が同じコンテンツの複数のコピーをインデックスしてしまう可能性があります。これは、重複コンテンツの問題につながる可能性があります。

幸いなことに、All in One SEO (AIOSEO) プラグインを使用することでこれを回避できます。このWordPress SEO プラグインは、技術的な専門知識がなくても、サイトを SEO フレンドリーにすることを容易にします。

AIOSEOは、ページ分割されたコンテンツの SEOタイトル に自動的にページ番号を挿入します。これにより、検索エンジンは、その投稿が複数のページにまたがっており、他の投稿の重複ではないことを理解できます。

AIOSEO設定ページ

さらに、AIOSEOはこれらのページ番号を投稿ページのURLから削除します。これにより、検索エンジンは、関連キーワードのランク付けすべきメインのブログ投稿ページと、ユーザーが最初に表示すべきページを認識できるようになります。

これは、「正規URLのページネーションなし」設定を自動的にオンにすることで実現します。

AIOSEOの正規URLのページネーションなし設定

AIOSEOの詳細については、WordPressでAIOSEOを正しく設定する方法に関する記事をご覧ください。

WordPressで長いコンテンツを管理するためのヒントをもっと見る

投稿をページに分割することは、長いコンテンツを処理する単一の方法にすぎません。ここに、私たちが役立つと見つけた他のいくつかの有用なテクニックがあります。

  • ツールチップは、メインコンテンツを煩雑にすることなく追加の詳細情報を追加するのに役立ちます。読者が特定の単語にカーソルを合わせると表示されます。
  • 読者のエンゲージメントを維持するために、投稿の途中に関連記事をインラインで表示しましょう。
  • 網羅すべきトピックが extensive な場合は、長いブログ記事を書く代わりに、投稿シリーズを作成することを検討してください。これにより、読者は簡単に追従できます。
  • 通常、投稿タイトルは単一の見出しですが、長すぎて読みにくい場合は、改行して読みやすくすることができます。

この記事がWordPressの投稿を複数ページに分割する方法を学ぶのに役立ったことを願っています。また、WordPressの投稿に「もっと読み込む」ボタンを追加する方法や、WordPressの関連投稿プラグインのおすすめに関するガイドもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

142 CommentsLeave a Reply

  1. SEOの観点から、長い記事を1つ書くのと、このように分割して複数のページにするのとでは、どちらが良いですか?私の考えでは、長い方が良いと思いますが、他に経験はありますか?

    • コンテンツとページネーションの使用方法に大きく依存しますが、ページネーションはSEOよりも可読性のために使用されるべきです。

      管理者

      • 回答ありがとうございます。以前はよく行われていたことは知っています。ユーザーは大量のテキストを恐れる必要はないかもしれません。個人的には、ロボットが他のページを訪問せずにサイトを離れてしまうのではないかと心配しており、このテクニックは避け、グラフィックでテキストを分割しようとしています。とにかく、返信ありがとうございます。

        • ページネーションが適切なタグと適切な内部リンクで正しく行われていれば、Googleのクローラーが「他のページを訪問せずにサイトを離れる」可能性は低いです。それらはこれらのリンクをたどり、コンテンツ全体をインデックスするように設計されています。

        • コメントありがとうございます、Emmy Okwesiさん。ページネーションがSEOの観点から問題ないというさらなる安心感を得られて嬉しいです。私のガイドの中には、本質的に長くなる傾向があるものがあります。なぜなら、問題を短時間で詳細に説明することが常に可能とは限らないからです。したがって、まず始めたいと思っており、あなたの確認後、ページネーションの実装を開始します。改めて感謝します。このテクニックを使用することに、より自信が持てるようになりました。

    • If pagination is not working for your site, there is a chance that your theme does not allow pagination. In these cases we recommend checking with the support for your specific theme and they can normally help :)

      管理者

  2. このチュートリアルに従って、うまくいっています。しかし、いくつか問題があります。ページネーションのページ1または2をクリックするとすべてうまくいきますが、最後のページ(この場合はページ3)に移動すると、関連投稿、コメント、右サイドバーなどのページネーションの下のレイアウト構造が壊れてしまい、それらの部分で私のウェブサイトが醜く見えます。この問題に関する提案はありますか?

    • ご利用のテーマのサポートに連絡し、そのフォーマットエラーについて伝えてください。対応してもらえるはずです。

      管理者

  3. チュートリアルありがとうございます。質問ですが、これらの複数のページで無限スクロールを作成できますか?

    ありがとう

    • インフィニットスクロールを設定するために使用しているものに、投稿のページネーションをどのように処理するか問い合わせる必要があります。

      管理者

  4. このチュートリアルはありがとう。しかし、ブログのカテゴリで見られるような、記事だけでなくページネーションをどのように作成するかを知りたいです。

  5. 皆さん、こんにちは。

    Diviテーマを使用している場合、これは機能しないということでしょうか?

    試しましたが、何も起こりません…

    ありがとうございます!

    • デイブさん、こんにちは。

      これらは誤解を招くリンクではありません。list25ウェブサイトは弊社が所有しており、Post Paginationの使用例を示すために参照としてリンクされています。List25は、投稿を2ページと5ページに表示するためにこれを使用しています。

      管理者

  6. その部分は正常に機能しますが、2ページ目のタイトルが「/2/」にならないため、あなたが示した素晴らしいページネーションが2ページ目に移動しません。

  7. Hello,

    このチュートリアルをありがとうございます。参考になります!

    ただし、同じ投稿の次のページにボタンを誘導したい場合はどうすればよいですか?1、2、3…のようなページ番号ではなく、下に表示されますか?

    どうすればできますか?

  8. 私のテーマはDIVIで、alt、shift、pオプションを試しましたが、代わりにWordPressエディタ内に次の記号が表示されました。

    これは投稿用であり、投稿にはDIVI BUILDERを使用していません。

    なぜ機能しなかったのですか?

  9. お客様各位、

    何度も助けていただきありがとうございます。また行き詰まってしまいました。

    投稿ではなくページにページネーションが必要です。異なるページリンクを持つ30個のサムネイルがあるページがあります。そのため、それらを1ページあたり12個(4行 x 3列)のサムネイルで3ページにページネーションしたいです。方法はありますか?

    前もって感謝します
    良い一日を

  10. 私には機能しますが、レイアウトに問題があります。ページネーションボタンが同じ行にありません。

  11. 素晴らしい…ただし、ページネーションが下部に表示されず、「single.phpループ」が何なのかわかりません。それが何であるか、そしてそれに何かを追加する方法を誰か説明してもらえませんか?

  12. このガイドをありがとう。一日中これをやろうとしていました!でも、ちょっとした質問があります。ブログ投稿のすべてのページに導入を表示させることは可能ですか?すべてのサブページの一番上に「固定」させるような感じです。

  13. ヘルプをありがとう!Diviテーマでこれを理解しようと1時間以上費やしました。Alt Shift Pでうまくいきました!ついに!

    • どうもありがとうございます。とても参考になりました。何時間も試しましたが、うまくいきませんでした。
      「alt+ shift+ p」で解決しました。

  14. ありがとうございます、

    これは、複数のページを作成する方法が全くわからなかったので、大変役に立ちました。

  15. ありがとうございます。この指示にどれほど感謝しているか言葉にできません。完璧です!ありがとうございます、ありがとうございます、ありがとうございます!プラグインやテーマの変更が必要だと思っていましたが、3分足らずで、すでに30分もかけて理解しようとしていたことを解決してくれました!ありがとうございます!

  16. 私のブログはTwenty Tenテーマを使っています。
    今、ALT+SHIFT+Pはうまく機能しています。しかし、投稿のかなり下の方に表示されるため、読者は2ページ目を見るためにスクロールしなければなりません。
    投稿の最後のページ表示のすぐ後に表示されるようにするにはどうすればよいですか?また、ページ1、2ではなく、NEXT、PREVIOUSボタンのコードはありますか?助けてください…

  17. これについてありがとうございます。ただし、質問があります。ページネーションをボタンのように表示させるプラグインやコードはありますか?

    • プラグインがあるかどうかはわかりませんが、通常はCSSで変更する必要があります。

  18. もしこれが愚かな質問でしたら申し訳ありませんが、この記事からをコピー&ペーストしても機能しません。ダッシュが本来あるべきものと異なります。エディタに直接入力する必要があります。これをコピーしましたが、正しいダッシュで入力するまで機能しませんでした。

  19. こんにちは。single.phpを修正する必要がありましたが、修正した最後の投稿ではまれにしか機能せず、申し訳ありませんが、ショートコードを正確に覚えていません。しかし、他の投稿にショートコードを挿入すると機能せず、投稿にショートコードが表示されました。

    最初は機能しなかったので、投稿で試してから single.php を変更したら機能しました。おそらく後で single.php にいくつかの変更を加えたのでしょう。他の投稿でショートコードを試しましたが、結果は得られませんでした。しかし、最初に変更した投稿ではまだ機能しています…なぜ投稿によって機能したりしなかったりするのか、非常に奇妙です。

    キャッシュが何か「いたずら」をしているのかもしれません

    ありがとうございます。

  20. この記事を読んでいました。list25 のテーマをどのようにカスタマイズしたか(https://www.wpbeginner.com/wp-tutorials/case-study-behind-the-scenes-look-of-list25-plugins-and-hacks/comment-page-1/#comment-338067)。..

    List 25 はカスタムエディタレイアウトを使用しており、その最初の部分は投稿全体で固定されている「リストの説明」です。これをどのように行うことができますか?

  21. このためにプラグインを使いたくありません。

    そこで、上記のコードをページネーションのWordPress投稿に使用しています。

    テキストリンク(ページ:1 2 3 4 5.. 10)のように見えますが、これを高度なボタンで表示したいです。(Advanced Post PaginationプラグインはProユーザーのみ提供しています。)

    CSSまたはJSを使用して、投稿のページネーションリンクをアドバンスボタンに変更するにはどうすればよいですか?

  22. 拝啓

    どうもありがとうございます。ご提案通り、シングル投稿のページネーションを正常に追加しました。
    しかし、別の問題に直面しています。

    ページネーションが関連投稿の後に表示されています。

    関連記事の列の上にページネーションを表示するにはどうすればよいですか?

    どんな助けでも大変感謝します。

    • そのためには、WordPressのテーマまたは関連投稿プラグインの設定を編集する必要があるかもしれません。関連投稿プラグインが自動的に関連投稿を追加する場合、投稿のページネーションが最初に表示されるように遅延させる方法を学ぶためにプラグインサポートに連絡する必要があります。関連投稿プラグインがテンプレートタグを提供している場合、コードのthe_content()タグの後に、テーマのsingle.php、content-single、またはcontent.phpテンプレートにそのタグを追加する必要があります。

      管理者

  23. ブログ投稿を3ページに分割した後、Googleウェブマスターツールで重複コンテンツが表示されるのはなぜですか?そして、これを防ぐにはどうすればよいですか?

  24. 「Alt+Shift+p」という推奨ソリューションが、私のブログのテーマ「SemPress」で素晴らしい効果を発揮しました。
    本当にありがとうございました

  25. これは本当にクールで、ある程度機能しました。ページ番号は非常に醜く、「明白な不整合」があります。

    デモサイトのlist25に美しい赤い四角が表示されているのを見ました。どのようにして素敵な四角を作成したのか気になりました。

    それのデモを作成してリンクを送っていただけますか?

    また、ウェブサイトに設定している途中、ページ区切りを処理するのに苦労しています。すべてありますが、12個のページ区切りに12個のJPEG画像を挟むとウェブサイトがフリーズし、投稿にそれ以上画像を読み込めなくなります。データベースをクラッシュさせるような問題に遭遇した方はいらっしゃいますか?どんな助けでも事前に感謝します。

  26. このコメントのリンクをクリックする前に、NSFW(職場閲覧注意)であることを申し上げておきます。

    さて、質問に移ります。

    複数のページに分割したいページはこちらです。

    問題は、そのページにすでに80以上の投稿があることです。すべての投稿とすべての画像を1ページに表示するのではなく、ページを複数のページに分割できるように、手動で次のページ/次の投稿/もっとを追加するにはどうすればよいですか?

    それは非常に不便です。また、ページの読み込みに永遠にかかってしまいます。ご自身で試してみてください。読み込みにどれくらい時間がかかるか見てみてください。

    誰か手伝ってくれませんか?ページを分割するために、どのようなWordPressコードを使用できますか?見かけるものはすべて「投稿」について言及しており、「ページ」については言及していません。

    • WordPressのテーマはこれを自動的に処理するはずです。プラグインまたは使用中のプラグインのいずれかが、すべての投稿を遅延読み込みまたは事前読み込みしているようです。設定 » 表示設定ページにアクセスしてください。そこでブログページに表示したい投稿数を選択できます。すでに10以下に設定されている場合は、プラグインとテーマを確認する必要があります。もしそれよりもはるかに高い数値に設定されている場合は、ここで変更して設定を保存できます。

      管理者

  27. 投稿のHTMLにnextpageタグを挿入すると、投稿エリアの下にページ番号が表示されます。しかし、問題は、著者ボックスやWordPress関連の投稿などの他のプラグインがページ番号の前に表示されてしまい、読者に見えなくなってしまうことです。

    ページ番号を投稿エリアのすぐ下、例えば投稿エリアの広告リンクユニットの下に配置する方法はありますか?

  28. 非常に悪い考え

    ユーザーは、読むためだけに1~9、9~1をクリックするのが本当に嫌です

    ページビューを増やし、直帰率を下げる方法について考えてみてはどうですか

    しかし、ユーザーはタブを閉じるだけです

    • 次のコードを使用すると、ページ番号の代わりに「次へ/前へ」を使用できます。

      `wp_paginate_links( array( “next_or_number” => “next” ) );`

      ちなみに、これがコア機能に関する私の最大の懸念事項です。`paginate_links()`と`wp_link_pages()`の間には明白な不整合があります。後者は、数字と次/前のどちらかを選択することを強制します。

      確かに、これは単一の投稿のページと「アーカイブ」のページを切り替えるように設計されているため、利用可能なページ数は比較的少なくなる(または少なくなるはず)ですが、アーカイブのページネーションで得られるものと同様の、もう少し柔軟性があると良いのですが。

  29. 投稿は良かったですが、関連投稿の後ではなく、投稿の直後に「次ページ」を表示させるにはどうすればよいですか?つまり、私のサイトでは関連投稿が「次ページ」リンクの前に表示されています。

    どうすればお手伝いできますか?
    ありがとうございます

  30. こんにちは – 投稿はすべて1ページにつき1つですが、index.phpを使用しています。私には機能しないので、index.phpのループのすぐ下にを追加しましたが、それでも機能しません。そのため、index.phpをsingle.phpとして保存しました。なぜなら、「single.phpのループに次のコードを追加する必要があります」と記載されていたからです。そのため、index.phpではなくsingle.phpでのみ機能するのではないかと考えました。

    しかし、ブログ投稿のテンプレートとしてsingle.phpを使用するようにWordPressに指示する場所が見つかりません!静的なフロントページがあります。「投稿 — 投稿ページ」には、テンプレートを選択するオプションがありません。以前は「テンプレート名: IndexMine」を投稿に使用するように指示したのですが、方法も場所もわかりません!

    WordPressにブログ投稿にsingle.phpを使用するように指示するにはどうすればよいですか?そうすればうまくいくでしょうか?ありがとうございます!

    • もしあなたの問題を正しく理解しているのであれば、実際にはこの関数を間違った場所で使用しています。あなたのサイトを図書館や書店のように考えてください。各投稿は本です。

      — `posts_per_page` は、棚に置く本の数を決定します。
      — `wp_link_pages()` は、現在読んでいる本のページをめくります。
      — `paginate_links()` は、新しい棚に移動します。

      新しい棚に移動したいようですね。その場合は、`paginate_links()` が必要な関数です。

  31. 私のウェブサイトには長い投稿があり、ALT+SHIFT+Pを使用して複数のページに分割していましたが、これはデスクトップテーマではうまく機能していました。しかし、WPtouchプラグインをインストールしたところ、1 2 3というページが表示され、いずれかをクリックするとページ1がリロードされます。
    この問題を解決するにはどうすればよいですか?

  32. しかし、2ページ目と3ページ目をインデックスに含めたくありません。WordPressでページネーションをどのように解決しますか?

  33. 特集画像があり、最初のページにのみ表示させ、2ページ目、3ページ目、4ページ目などには表示させたくない場合はどうすればよいですか?

  34. MH Magzine Pro テーマを使用しています。記事の間にnextpageタグを入れると、123...という数字しか表示されません。Pre 1 2 3 Nextのようにしたいのですが、可能でしょうか?

  35. 「何らかの理由で、次のページタグを貼り付けた後にページネーションが表示されない場合は、single.phpのループに次のコードを追加する必要があります。」

    どのコードですか?

コメントを残す

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。