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

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

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

    best, Ellen Allard, Gluten Free Diva

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

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

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

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

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

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

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

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

  6. こんにちは、

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

    ありがとうございます!

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

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

    ありがとうございます!

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

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

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

  10. こんにちは、私の問題は、最新の投稿のフルコンテンツを静的なホームページに表示することです…そして、最後のスニペットが必要なものだと思っていました…しかし残念ながら、それは正常に機能しません。実際にはタイトルは表示されますが、コンテンツは表示されません。手伝ってもらえませんか?

  11. こんにちは、WordPress初心者です。投稿を使ってクライアントの推薦文を表示したいのですが、どうすればよいですか?何か提案はありますか?

  12. もっと簡単な方法があります。Display Posts Shortcodeプラグインをインストールします。空のページを作成し、プラグインのドキュメントに記載されているとおりにショートコードを追加します。ページを公開します。設定 > 表示設定に移動し、作成したばかりのページを静的フロントページとして選択します。静的ページを編集し、表示投稿ショートコードの直前にスライダーを追加します。お役に立てば幸いです。

  13. こんにちは、ホームページの一番上にスライダーを追加したいのですが、静的ページを使用しないとできません。現在、私のウェブサイトに直接アクセスすると、最新の投稿が全文表示されます。ホームページを静的ページに変更してスライダーを含めることができる場合、最近の投稿が現在表示されているように、その下に表示されますか?このコードはどこに投稿しますか?静的ホームページに?

    注意 – 最近PHPをいじってコードを壊し、いくつかの大きな問題が発生しました…なので、PHPをいじるのはかなり神経質になります。

  14. こんにちは!PHPコードを使用して、トップ評価のブログ記事(5つのみ)を昇順(数値順)で表示する方法を誰か教えてもらえますか?

  15. こんにちは。私はデザイナーなので、PHPは得意ではありません。少なくとも、ほとんどの場合、条件に合わせて読み取って変更することはできます。今回は、スライドショーコンテナ内の最新の投稿9件(最後の1件を除く)を呼び出したいと思います。

    今のところ、最初の投稿を display none に設定しました。これはうまくいきますが、スライドショーは10まで数え続けます。そのため、最後のページが空になります。
    最新の投稿を呼び出す際に、最後の投稿を除外する方法はありますか?事前にどうもありがとうございます!

  16. こんにちは、「ブログ」という名前のカテゴリからのみブログ投稿を表示したいです。(他のカテゴリの投稿はすべて除外したいです。)このコードに何を追加すればよいですか?

  17. showpostsは非推奨です。ただし、posts_per_pageはquery_posts()、またはさらに特にWP_Query::query()で使用するのに最適です。

    numberposts は get_posts() の同等の引数である可能性があります。

  18. 良い記事です。

    その有用性を高める情報としては、オフセットを含める方法(または含めることができるプラグイン)があります。

    例えば、直近2つの投稿は全文表示したいとします — それは理解しました。
    しかし、その次の10件は抜粋表示、さらにその次の10件はタイトルのみのリスト表示にしたい場合はどうすればよいですか?

    では、オフセットを含めるにはどうすればよいですか?

    乾杯、
    アート

  19. こんにちは。

    最新の投稿4件を画面全体にインラインで表示したいのですが、どうすればよいですか?

    現在、ページの下に表示されるだけです。

    ありがとう

    Ryan

    • 投稿を表示したい高さを幅として持つコンテナを作成する必要があるようです。その後、折り返しを許可します。 「投稿」コードの最後の部分に改行がないことを確認してください。

  20. 素晴らしい投稿です!ありがとうございます!

    質問が1つあります。最新の投稿を5つの中から非表示にすることは可能ですか?つまり、私のウェブサイトでは、最新の投稿をすでに完全なコンテンツで表示しているので、最初の投稿を非表示にしたいのです。

  21. 素晴らしい!各投稿のヘッダーをH2にすることはできますか?また、カテゴリを非表示にすることはできますか?

  22. Finally a quick and to the point tutorial on this topic. Other posts on calling in the recent blog posts were not as quick and too the point. Thanks :D

  23. サイードさん、こんにちは。

    WordPressのTwenty-Elevenテーマを使用しており、Jetpackのウィジェットで最新の投稿を表示させています。しかし、このリストを個別の投稿にも表示させたいのですが、可能でしょうか?コードを貼り付ける必要がある場合、どのファイルに貼り付ければよいですか?

      • AWildDuck -d0t- com のホームページには、右側に購読やタグクラウドと共に最新投稿が表示されます。しかし、これはホームページにのみ表示されます。個々の投稿へのリンクを送信した場合(または投稿のタイトルをクリックした場合)、右側のフレームが消えます。訪問者は最新投稿のリストを見ることができなくなります。この問題に非常に悩んでおり、この最新投稿リストをすべてのページに表示させる方法を知りたいです。(ホームページだけでなく)。

        • サイード様、
          確かに、これが私の現在の設定です。常にこの設定にしていました。Twenty Elevenで「コンテンツを左に」を使用しています。

        • 理解できません…個別の投稿を見ているときでも、右側に「最近の投稿」が表示されていますか?もし表示されている場合、JetPack/Recent Postsを使用していますか?

          両方の質問に「はい」と答える場合、電話番号を教えていただけますか。メールアドレスはすでに知っています。または電話してください:市外局番「ファイブ・オー・エイト」、485 ..695O。

          ありがとう – エラリー

      • ありがとうございます。はい、しかし私だけでなく他の訪問者のためにも尋ねています。あなたの記事で、サムネイル付きの最近の記事の例を示すともっと役立つかもしれません。

      • このチュートリアルを本当にありがとうございます!コードを使用して、ウェブサイトのホームページに要約付きの最近の投稿を表示しました。

        the_post_thumbnail(); コードを追加する際に、どのファイルに、ファイルのどこに追加すればよいか教えていただけますか?調べようとしましたが、自分でいくつかのファイルに追加して試しましたが、サムネイルが表示されませんでした。

        どんな洞察でも大いに感謝されます。

        ありがとうございます、

        Kylie

        • 投稿編集エリアでは、投稿のサムネイルはアイキャッチ画像と呼ばれます。アイキャッチ画像のメタボックスが表示されない場合は、投稿編集画面の右上にあるスクリーンオプションボタンをクリックして、アイキャッチ画像にチェックを入れてください。

  24. 素晴らしい投稿です。
    メニューに「最近の投稿」を表示するにはどうすればよいですか?たとえば、トップメニューに「犯罪」というカテゴリがあります。ユーザーがそれをホバーしたときに、「犯罪」カテゴリのサムネイル付きの最近の投稿を5つ表示したいのですが?

  25. この情報を見つけるのに多くの時間を費やしましたが、私には100%機能しました。非常に簡単で要点がまとまっています。ありがとうございます……神のご加護がありますように。

  26. こんにちは。3つのサブドメインを持つウェブサイトがあります。メインドメインのウィジェットに、サブドメインの最新投稿を表示することは可能ですか?

  27. このコードを使ってみましたが、うまくいかないようです。初心者で、標準テーマを使用しており、ホスティングはしていません。そのため、何もアップロードできず、HTMLしか使用できません。

  28. このような有用で簡潔な記事を投稿していただき、本当にありがとうございます。大変感謝しております!

  29. 私のWPホームページには、4つの最新の記事(最新の記事)のタイトルを表示するフッターがあります。これらの記事はすでに上に表示されているため、これは意味がありません。

    私の質問は、フッターで5番目から8番目の投稿の範囲を表示するにはどうすればよいですか?

    現在使用しているコードは

    <?php wp_get_archives('type=postbypost&limit=5');

    ご協力に感謝いたします。

      • ご丁寧な返信、誠にありがとうございます。どのようにすればよろしいでしょうか? 私はほとんど何も知らないので、サイトを公開する明後日までには必ず完了させる必要があります。
        ありがとうございます

  30. このコードを数日間探していました。テンプレートタグのページや他のブログにもっと簡単に利用できるものがあるとは思えませんでした。

    コードを次のように、タグの代わりにタグとタグを含めるように変更しました。

    <a href="”>

    投稿ありがとうございます!

  31. 上記のコードの1つの問題は、single.php のループが開始される前に呼び出されるサイドバーでその関数を呼び出す場合です。single.php ファイルは、呼び出されたものに関係なく、ブログ投稿のすべての記事を一覧表示します。

    このような場合は、次のようにすることもできます

    それ以外の場合は、query_posts(‘showposts=10’); 関数を呼び出すだけで問題ありません。

    両方とも、最新の投稿10件をul、li形式で一覧表示します。こちらの方が簡単です。

  32. こんにちは、
    <?php get_archives('postbypost', '10', 'custom', '’, ”); ?>
    を使用する際に、リンクされた投稿タイトルの前に日付を表示することは可能ですか?

    ありがとう

  33. こんにちは皆さん

    このコードでいくつか問題が発生しているようです。index.phpページではうまく機能しますが、page.phpまたはsingle.phpに追加しようとすると、他のコンテンツが表示されなくなります。たとえば、「会社概要」ページをクリックすると、最新の記事が表示されます!

    これで意味が通じれば幸いです。どなたかご協力いただけると大変助かります。

    ありがとう

  34. 投稿日順に投稿を表示したいです。最新のものが最初で、ページネーション付きです。ページネーションはできますが、各ページに投稿がランダムに表示されます。誰か助けてください…………。:(

  35. thimthumbサムネイルで最近の投稿を表示する方法を知りたいです。

    残念ながら、GoogleはいつものようにGoogleであり、私が望む結果を与えてくれません。

    ありがとう。

    • これらのコードのどこにでもtimthumbコードを追加するだけで機能するはずです。クエリはまったく同じように実行されます。ステップバイステップのガイドをお探しの場合、私たちはまだ書いていません。将来的には書くかもしれませんが。

      管理者

  36. これを見つけられて本当に嬉しいです。数日間これをやろうとしていましたが、WordPress Codex で正確な方法が見つかりませんでした!!!彼らが提供している唯一の解決策は、私が構築したカスタムホームページを台無しにしましたが、これは完璧に機能します。

    どうもありがとうございます。

  37. 良い情報です!

    あなたが説明した最後の方法で最新の5つの投稿を表示しようとしていますが、ページ番号を取得する方法がわかりません。たとえば、偽のブログページには最後の5つの投稿が表示されますが、そこから過去に戻る方法がありません。

    この問題の解決策を見つけられませんでした。何か提案はありますか?

    ありがとうございます!