WordPressで最近の投稿を表示する方法

WPBeginnerのように、多くの人気ブログでは最新の投稿リストを表示しています。これは、最新の投稿を表示することが、訪問者を惹きつけ、再訪を促すための優れた方法だからです。

最新かつ最高のコンテンツが表示されると、人々はクリックして読み、サイトの探索に時間を費やす可能性が高くなります。これにより、ウェブサイトは新鮮でエキサイティングな状態に保たれます。

最も良い点は、これらの最新投稿リストをWordPressウェブサイトのほぼどこにでも追加できることです。例えば、サイドバー、記事の末尾、またはフッターなどです。

この記事では、サイトのどこに表示したい場合でも、最近の投稿リストを簡単に追加する方法をいくつかご紹介します。訪問者を素晴らしいコンテンツに夢中にさせる準備をしましょう。

WordPressで最近の投稿を表示する方法

WordPressで最近の投稿を表示する理由

長期間にわたって WordPressブログ またはウェブサイトを運営している場合、検索エンジンなどから 定期的なトラフィックを獲得している 古い記事があるかもしれません。

多くの訪問者は探していた情報を見つけるとすぐに離れてしまうという課題があります。実際、業界のベンチマークによると、多くの訪問者はウェブページに15秒未満しか滞在しないことが示されています。

ユーザーを惹きつけ、再訪を促すには、サイト上の他の役立つコンテンツへと誘導する必要があります。

これを行う最善の方法の1つは、最新の記事のリストを表示することです。この簡単なテクニックは、ユーザーがあなたの素晴らしいコンテンツをさらに発見するのに役立ち、サイトに長く滞在してもらうことができます。

ユーザーがより多くのページを閲覧すると、サインアップを説得したり、メールニュースレターに登録したり、購入したりする時間を得ることができます。

それでは、複数の方法を使ってWordPressで簡単に最新投稿を表示する方法を見ていきましょう。以下のクイックリンクをクリックすると、さまざまな方法に直接ジャンプできます。

  1. WordPressの最新投稿Gutenbergブロックを使用する
  2. WordPressの最新投稿ウィジェットブロックを使用する
  3. Recent Posts Widget With Thumbnails プラグインを使用する
  4. ショートコードを使用して最近の投稿を表示
  5. WordPressで最近の投稿を手動で表示する
  6. 動画チュートリアル
  7. よくある質問
  8. WordPressで投稿を推奨するための専門家ガイド

WordPressの最新投稿Gutenbergブロックを使用する方法

WordPressブロック(Gutenberg)エディターには、最新の投稿を表示するための組み込みブロックがあります。これをサイトの投稿やページに簡単に追加できます。

このブロックを使用するには、最近の投稿を表示したい投稿を編集するだけです。投稿編集画面で、コンテンツエリアに「最新投稿」ブロックを追加する必要があります。

最新投稿ブロックを追加

このブロックはさまざまな方法で設定できます。デフォルトでは投稿タイトルのみが表示されますが、簡単にカスタマイズできます。

例えば、右側のペインで投稿コンテンツの表示/非表示を切り替えることができます。これにより、タイトルの横に投稿コンテンツまたは抜粋を追加するかどうかを選択できます。

投稿の抜粋の長さをカスタマイズすることもできます。デフォルトは55語ですが、10語から100語の間で任意の値を指定できます。

最近の投稿に投稿コンテンツを表示する

必要であれば、投稿日と投稿者を表示することもできます。

「投稿メタ設定」で「投稿日を表示」と「投稿者名を表示」オプションを有効にするだけです。

投稿の日付と作成者を表示

投稿の表示方法を正確に選択することもできます。「新着順」のデフォルトとは異なる順序で並べ替えたり、特定のカテゴリページから最新の投稿のみを表示したりできます。

設定パネルから、表示する投稿の数を選択することもできます。デフォルトでは、ブロックは5件の投稿を表示しますが、1件から100件までの任意の数を表示できます。

最近の投稿を並べ替え、フィルターする

最近の投稿をリストではなく、列グリッドで表示するオプションもあります。

ツールバーで「グリッド表示」オプションを選択するだけです。

最新投稿をグリッドビューで表示

画面右側の設定でグリッドをカスタマイズできます。

例えば、アイキャッチ画像を表示したり、画像をリサイズしたり、それに応じて配置したりできます。

最新の記事にアイキャッチ画像を表示する

完了したら、投稿をプレビューしてウェブサイトで表示できます。

完成したブロックがテストサイトでどのように表示されるかはこちらです。

最新投稿プレビュー

💡 プロのヒント: ドラッグ&ドロップページビルダー(例: SeedProd)を使用している場合、それらにも最新投稿ブロックが用意されているはずです。

詳細については、WordPressウェブサイトの編集方法に関するガイドをご覧ください。

方法2: WordPress最新投稿ウィジェットブロックを使用する

ページではなく、サイドバーに最新の記事のリストを表示したい場合はどうすればよいですか?WordPressには、サイトのサイドバーまたはウィジェット対応エリアに最新の記事を表示するための組み込みのデフォルトウィジェットが付属しています。

WordPressダッシュボードで、外観 » ウィジェットに移動し、「最新の投稿」ウィジェットブロックをサイドバーに追加します。

最新投稿ウィジェットブロックを追加

サイドバーの最近の投稿の外観をカスタマイズできます。

例えば、WordPressでは投稿コンテンツの表示、投稿者と日付の表示、注目の画像の有効化、最新投稿の並べ替えが可能です。

最近の投稿ウィジェットブロックをカスタマイズする

完了したら、「更新」ボタンをクリックしてウィジェットの設定を保存します。

タイトルを「新着投稿」とし、日付を有効にしたウィジェットがブログでライブ表示されています。

サイドバーメニューの最新投稿

方法3:サムネイル付き最新投稿ウィジェットプラグインを使用する

上記で言及した組み込みウィジェットはかなり限定的です。

最近の投稿にサムネイルと抜粋を表示したい場合はどうなりますか?特定のカテゴリのサイドバーに投稿のみを表示したい場合はどうなりますか?

まあ、その時にRecent Posts Widget With Thumbnailsプラグインが役立ちます。サムネイル以上の多くの機能があり、無料です。

まず、WordPressのサムネイル付き最近の投稿ウィジェットプラグインをインストールして有効化する必要があります。

次に、外観 » ウィジェットページに移動し、「サムネイル付きの最近の投稿」ウィジェットブロックを追加します。

サムネイル付きの最近の投稿ウィジェットブロックを追加する

サムネイル付き最近の投稿ウィジェットには、多くのオプションがあります。これにより、WordPressサイトで最近の投稿を表示する方法を完全に制御できます。

また、抜粋を表示したり、特定のカテゴリからの投稿を表示したり、固定投稿を無視したり、表示する投稿数を選択したり、作成者を表示したりすることもできます。

サムネイル付きの最新投稿をカスタマイズする

設定が完了したら、「更新」ボタンをクリックして設定を保存することを忘れないでください。

これで、サムネイル付きの最新投稿を確認するためにウェブサイトにアクセスできます。

サムネイルプレビュー付きの最近の投稿ウィジェット

方法4:ショートコードを使用して最近の投稿を表示する

「最新投稿」ブロックを使用することは、WordPressの投稿やページで最新投稿を表示する最も簡単な方法です。ただし、Gutenbergを無効にしてクラシックエディターを維持することを選択した場合は、代わりにショートコードを使用できます。

まず、Relevant プラグインをインストールして有効化してください。ヘルプが必要な場合は、WordPressプラグインのインストール方法のガイドをご覧ください。

これはWordPressで最も人気のある投稿プラグインの1つです。最新投稿の外観をカスタマイズするための複数のオプションがあり、タイトル、投稿数、アイキャッチ画像、抜粋、投稿日の表示などを編集できます。

関連設定を変更する

次に、最近の投稿を表示したい投稿またはページを編集し、ショートコード [bws_latest_posts] を使用します。

これらの指示を使用して、最近の投稿のリストは次のようになりました。

最近の投稿ショートコードを表示

方法5:WordPressで最近の投稿を手動で表示する

より高度なWordPressユーザーは、最近の投稿をWordPressテーマファイルに直接追加したい場合があります。もちろん、テーマを更新したときに変更を失わないように、これには子テーマを使用する必要があります。

テーマファイルを編集する前に、常にバックアップを作成することをお勧めします。万が一問題が発生した場合は、最も一般的なWordPressのエラーとその対処法に関するリストをご覧ください。

最近の投稿を手動で表示する最も簡単な方法は、組み込みのWP_Queryクラスを使用することです。最近の投稿を表示したい場所に次のコードを追加するだけです。

<ul> <?php // Define our WP Query Parameters $the_query = new WP_Query( 'posts_per_page=5' ); ?> <?php // Start our WP Query while ($the_query -> have_posts()) : $the_query -> the_post(); // Display the Post Title with Hyperlink ?> <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li> <li><?php // Display the Post Excerpt the_excerpt(__('(more…)')); ?></li> <?php // Repeat the process and reset once it hits the limit endwhile; wp_reset_postdata(); ?> </ul> 

このコードは、タイトルと抜粋を含む最新の5件の投稿を表示します。WP_Queryクラスには、あらゆる方法でカスタマイズできる多数のパラメータがあります。詳細については、WordPress開発者ドキュメントを参照してください。

動画チュートリアル

テキストでの説明がお好みでない場合は、ビデオチュートリアルをご覧ください。

WPBeginnerを購読する

よくある質問

WordPressでさまざまな種類の記事リストを表示することについて、よく寄せられる質問への回答を以下に示します。

最新の記事ではなく、人気の記事を表示するにはどうすればよいですか?

表示回数に基づいて投稿を表示することは、最も実績のあるコンテンツを強調する素晴らしい方法です。

プラグインで簡単にこれを行うことができます。当社のガイドで、WordPressで人気の投稿を表示する方法を詳しく説明しています。

人気記事を表示するのに最適なプラグインは何ですか?

いくつかのプラグインは、表示回数を追跡し、表示をカスタマイズするためのさまざまな機能を持つ人気投稿を表示するのに役立ちます。

WordPress の 人気の投稿プラグインのトップ選択肢 を比較してレビューしました。

最近の投稿だけでなく、関連投稿を表示することは可能ですか?

はい、関連記事を表示することは、読者が現在読んでいる内容と文脈的に類似したコンテンツを提供することで、読者を引きつけ続ける強力な方法です。

ご興味があれば、WordPressで関連投稿を表示する方法に関するチュートリアルをご覧ください。WordPressで関連投稿を表示する方法

特定のカテゴリからの最近の投稿を表示できますか?

もちろんです。特定のカテゴリからの最近の投稿を表示することは、サイトに非常に関連性の高いコンテンツセクションを作成するのに役立ちます。

特定のカテゴリの最新投稿を表示する方法」に関するガイドで詳しく説明しています。

WordPressで投稿を推奨するための専門家ガイド

この記事がWordPressで最新の記事を表示する方法を学ぶのに役立ったことを願っています。読者にコンテンツを宣伝することに関連する他の記事にも興味があるかもしれません。

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

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

究極のWordPressツールキット

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

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

140 CommentsLeave a Reply

  1. これらの最近の記事を各記事の最後に投稿したいのですが。しかし、すでに1000件以上あります。手動で行うのは意味がありません。PHPコードを取得し、WPCodeに挿入して、各記事の最後に埋め込みコードを使用することは可能ですか?このように機能しますか?

  2. [bws_latest_posts tag=”something”] のようなショートコードを使用する方法はありますか?

    ありがとうございます!

    • プラグイン設定にはカテゴリを制限するオプションがありますが、現時点ではショートコード用のモディファイアはありません。

      管理者

  3. たくさんの素晴らしいアドバイスをありがとうございます!

    ここで課題を解決するために何日も費やしています:

    Twenty Twenty-Threeテンプレートを使用しています。

    Gutenbergを使用する。

    現在の著者の最新投稿のリスト(サムネイルを含む、抜粋など)を配置したい2番目の列を作成しました。

    ウィジェットのあるプラグインでしかこの解決策が見つかりませんが、Gutenbergの仕組みを理解している限り、ウィジェットはここでは使用できません。

    これを解決する方法は何かありますか?

    • 手動で各投稿に追加している場合、最新の投稿ブロックがあり、著者やその他のいくつかの並べ替えオプションで投稿を制限するオプションがあります!

      管理者

  4. より多くのページ/投稿へのリンクを有効にする方法?ウィジェットには最大100と表示されていますが、1000以上ある場合はどのようにページネーションしますか?

    • ウィジェットに100件以上の投稿を表示することは、スペースの都合上、ほとんどのユーザーにとって読みにくくなるため、お勧めしません。それほど多くの投稿を表示する場合は、ページなどに表示することをお勧めします。

      管理者

  5. WordPressの最新投稿Gutenbergブロックを使用すると、投稿のすべてのテキストが表示されます。追加したときのプレビューでは、「続きを読む」が表示されて問題ありませんが、実際にページをプレビューまたは公開すると、すべてのテキストが表示されてひどい見た目になります。これはバージョン5.9.1です。何か提案はありますか、それともバグですか?

    • ウィジェットの設定を確認してください。ウィジェットの表示方法をカスタマイズできるはずです。その設定に従わない場合は、テーマの設定が上書きされている可能性があるので、テーマのサポートに問い合わせることをお勧めします。

      管理者

    • 最も簡単な方法は、メニューにカテゴリを追加することです。これにより、そのカテゴリの最新の投稿を一覧表示するカテゴリページにリンクされます。

      管理者

  6. 「Display Posts」を使用しており、気に入っています。ガーデニングのウェブサイトを運営していますが、投稿が「ビーツの育て方」という名前の場合、「Display Posts」を使用して表示されるタイトルの部分を「ビーツ」だけにすることはできますか?

    ありがとうございます

    • このプラグインはデフォルトでは投稿タイトルを変更しません。その機能が必要な場合は、プラグインのサポートに問い合わせる必要があります。

      管理者

  7. 公開版で「続きを読む」が表示されません。エディタには表示されますが、公開すると消えてしまいます。Astraテーマを使用しています。

    • 特定のテーマで抜粋を表示するように設定する必要があるかどうかを確認したい場合があります。

      管理者

  8. こんにちは、「最近の投稿」で投稿の「続きを読む…」をクリックすると、その特定の投稿ページに移動せず、ホームページが読み込まれます。

    この件についてご協力いただけると幸いです。

    ありがとう

  9. これは本当に役に立ちました、ありがとう。注意点として、最後のコードスニペットではコメントに//が使用されていますが、実際にはPHPに含まれていないため、このコードをそのまま使用すると表示されてしまいます。

  10. こんにちは、まだ迷っています。私の投稿はまだホームページに表示されません。ホームページにコンテンツブロックを設定し、Gutenbergを使用してコンテンツを設定しています。投稿を公開しても、ホームページのフィーチャー投稿グリッドに表示されません。何か理解できていないことがあります。

    • 変更が反映されないのはキャッシュが原因である可能性があるため、サイトのキャッシュをクリアすることをお勧めします。

      管理者

  11. 私のブログは箇条書きで投稿が表示されますが、順序なしリストにならないようにして、グリッド表示にするにはどうすればよいですか?

    • 新しい最新投稿ブロックを使用し、ブロックのオプションで組み込みのグリッドオプションを使用できます。

      管理者

  12. こんにちは、皆さん!

    投稿のすべてのコンテンツを表示するためのショートコードは何ですか?

    • なぜそうしたいのかによります。投稿の全コンテンツをユーザーに表示したい場合は、通常、表示したい投稿にリンクして、ユーザーがソースから読めるようにするのが最善です。

      管理者

  13. 私のブログは箇条書きで投稿が表示されますが、順序なしリストにならないようにして、グリッド表示にするにはどうすればよいですか?

  14. こんにちは。基本的な「最近の投稿」ウィジェットが、最新の投稿を除外している理由を調べています。それを表示したいのですが、表示させるためにカスタムCSSを追加できますか?それともコードを編集できますか?

  15. 有益な投稿をありがとうございます。
    質問があります。フロントページにカテゴリ別に最近の投稿を表示したい場合はどうすればよいですか?例えば、最近の投稿が特定のカテゴリの下にフロントページに表示されるようにしたいのですが。
    可能でしょうか?

  16. いつも通り素晴らしいです。wpbeginnerがこのトピックについて共有しているのを見つけたとき、私はこう思いました。しかし、私の質問は、ホームページに投稿ウィジェットを配置することは有益なのか、それとも単にナビゲーションが容易になるだけなのかということです。SEOの観点から役立ちますか?ランキングに役立ちますか?ご回答いただけると幸いです。

    • サイトのナビゲーションを容易にすることで、SEOが向上するだけでなく、ユーザーがサイト内を移動しやすくなります。

      管理者

  17. 最近の投稿記事ありがとうございます。とても苦労していましたが、追加するだけでとても簡単に作業できるようになりました。共有ありがとうございます

  18. 最新の投稿を表示するページを編集しようとすると、エディターが「現在、最新の投稿を表示するページを編集しています」という通知とともに消えてしまいます。同じ問題を抱えている人はいますか?

    • ブログページはテーマによって自動生成されるため、テーマ固有の設定で編集するオプションがない限り、直接編集するオプションはありません。

      管理者

  19. こんにちは…WPを使い始めたばかりで、助けが必要です!3つの異なるカテゴリの記事を3つの異なるページに公開したいのですが。ページを記事カテゴリにポイントさせるにはどうすればよいですか?

  20. 投稿タイトルの表示方法をカスタマイズする方法はありますか?投稿またはページの完全なタイトルではなく、キーワードのみを表示したいです…URLのスラッグを短縮するのと似ています。実際、これはまさに私が探しているもので、リンクとしてスラッグを表示し、ページ全体のタイトルを表示しないことです。アイデアはありますか?

  21. 素晴らしい記事です。最近の投稿ウィジェットを使用して、特定のカテゴリのみを表示するように設定すると、固定投稿が機能しません。これまでに遭遇したことはありますか、または解決策をご存知ですか?

  22. こんにちは、この完全な記事をありがとうございます。

    疑問があります。WordPressがMagentoと統合されている場合、Magentoをショートコード内で使用して、Magentoの最新のエントリを私のサイトに表示できますか?

  23. サムネイル付きの最近の投稿を表示するショートコードが機能しません…投稿のタイトルしか表示されず、サムネイルが表示されません…これを修正するにはどうすればよいですか???返信をお願いします…:(

  24. こんにちは、

    ホームページに最新の投稿を追加する予定ですが、最新の投稿専用のセクションを別に表示したいと考えています。

    そして、その下に、2〜5番目の投稿(2番目、3番目、4番目、5番目の投稿)の最新の投稿用に、異なるデザインの別のセクションがあります。

    これをテーマテンプレートに追加するためのショートコードPHPは何ですか?

    ありがとうございます。

  25. Hello,

    ページに投稿ショートコードがあります。

    以下のように少し調整しました。

    [display-posts posts_per_page="100" include_excerpt="false" image_size="large" wrapper="div" orderby="comment_count"]

    投稿間の間隔がタイトルを切り取っており、ページがだらしなく見えます。各投稿プレビューの後に少しスペースを追加するには、どのようなコードを追加すればよいですか?

    前もって感謝します!
    ジェームズ

  26. アイデアは良いのですが、表示方法だけが気に入らないです。

    サムネイル、タイトル、抜粋などが含まれているのは素晴らしいですが、タイトルと抜粋の位置決め方法…サムネイルの横ではなく、下にあるべきだと思います…不格好で魅力的ではありません…横に並べる方法はありますか?

  27. これを手伝ってください
    電話版で投稿内に最近の投稿を表示するにはどうすればよいですか?
    返信をお願いします…ありがとうございます

  28. データベースを2つ使用している場合。1つはメインサイト用、2つ目はブログ用です。その場合、ホームページに最近の記事をどのように追加しますか?

  29. こんにちは、[display-posts posts_per_page=”5″ post_type=”page”] を投稿に入力しましたが、機能しません。問題を見つけるのを手伝ってもらえますか?

  30. 素晴らしい記事です。ページに最新の記事を表示したいのですが、コードはどこに貼り付ければよいですか?

  31. こんにちは。
    この投稿、ありがとうございます。本当に助かりました。
    しかし、問題が発生しました。最近の投稿のいずれかをクリックすると、投稿自体ではなく静的ページにリダイレクトされます。この問題を解決するのを手伝っていただけますか。ありがとうございます。

  32. あなたを見つけられてとても嬉しいです!

    混乱しています。ブログページに最新のブログ投稿が表示されません。アドバイスをいただけますか?本当にありがとうございます!

    best, Ellen Allard, Gluten Free Diva

  33. 最新の投稿5件を右サイドバーに表示させることはできましたが、投稿をクリックして読もうとすると、ホームページに「おっと、何か問題が発生しました」というエラーが表示されます。

    選択した投稿を表示するにはどうすればよいですか?

  34. こんにちは – この手動の方法を教えてくれて本当にありがとう。とても感謝しています。サムネイル画像をどのように追加すればよいか教えていただけますか?私は次のように始まる方法を参照しています。

    // WPクエリパラメータを定義します

    • こんにちは、ヴァルさん。お元気でお過ごしのことと思います。この記事をスクロールしていたら、あなたの名前を見つけて、すぐに「あの名前を知ってる!」と思いました!世の中は狭いですね。
      90年代後半だったと思いますが、あなたのスプラウターを一つ作ったことがあります。
      面白いことに、数日前にまた一つ作ろうと考えていたところでした!

      時々、物事が起こるのがクレイジーだ!
      今日2018年に、全く関係ないウェブサイトの作業をしている時に、ここであなたのコメントに偶然出会ったのは奇妙だ。

      あなたの人生や南アフリカへの移住、歯痛の治療法などについて、とても楽しく読んだことを覚えています。時間があるときにまたすべて見直す必要がありますが、とにかく挨拶したかっただけです。

  35. こんにちは、サイトで同じショートコードを使用しましたが、最近の投稿がまったく表示されません。問題は何ですか?

  36. こんにちは、

    サイドバーの最近の投稿に関する私の投稿で、特定の投稿をクリックすると最新の投稿に移動し、すべてが表示されます。特定の投稿をクリックしたときにその投稿のみが表示されるようにするにはどうすればよいですか?

    ありがとうございます!

  37. Recent Posts Extended ウィジェットでページネーションを有効にするためにコードを追加できますか?

    現在、ホームページはウィジェット化されているため、ウィジェットを使用しています。

    ありがとうございます!

  38. こんにちは!素晴らしいプラグインです、ありがとうございます!
    投稿名の代わりに、投稿者を表示することは可能ですか?
    よろしくお願いします!

  39. ダウンロードしたバージョンにはサムネイルを表示する機能が含まれていません…どこにもオプションが見当たりません。バージョン 0.9.9 を使用しています。

    何か手がかりはありますか?

コメントを残す