WordPressで今後の予約投稿記事を一覧表示する方法

ウェブサイト訪問者を惹きつけ、新しいコンテンツの準備を整えておくことは、多くのブロガーやコンテンツクリエイターにとって継続的な課題です。WPBeginnerでは、熱心な読者グループを育成することの重要性を理解しています。

ユーザーエンゲージメントを高める素晴らしい方法は、今後のスケジュール済み投稿のキュレーションされたリストを表示することです。この戦略を成功させてビジネスを成長させている多くのブログを見てきました。

コンテンツカレンダーを戦略的に表示することで、新リリースへの期待感を高め、リピート訪問を促し、最終的には活気のあるオンラインコミュニティを創造することができます。

この記事では、WordPress で今後の投稿を簡単に表示する方法をステップバイステップでご紹介します。

WordPressで今後の予約投稿リストを表示する

WordPressで今後の投稿を表示する理由

しばらくの間WordPressブログを運営している方なら、特定の時間に投稿を公開するとより多くの人に読んでもらえることをご存知でしょう。

しかし、適切なタイミングで公開ボタンを押すのをただ待っているわけにはいきません。そのため、WordPressには投稿を後で公開するようにスケジュールできる組み込みのスケジューリング機能があります。

これは、コンテンツ作成と、プロのように編集カレンダーの管理に集中するのに役立ちます。

サイトに投稿をスケジュールしたら、これらの今後の記事のリストを表示して、それらの周りの期待感を高め、ブログでのエンゲージメントを増やすことも良い考えです。

将来のスケジュール済み投稿を表示することは、特に連載ストーリー、製品ローンチ、またはイベントのお知らせのようなコンテンツに効果的です。

ユーザーがコメントセクションやソーシャルメディアで今後のトピックについて話し合ったり、ニュースレターに登録したり、イベントの事前登録をしたりすることを奨励する可能性があります。

それでは、WordPressで今後のスケジュール投稿を簡単にリストする方法を見てみましょう。

カスタムコードをテーマのfunctions.phpファイルに追加することで、WordPressサイトにスケジュールされた今後の投稿のリストを簡単に表示できます。ただし、コードを入力する際にわずかなエラーが発生しただけでも、サイトが破損してアクセスできなくなる可能性があります。

だからこそ、カスタムコードは常にWPCodeを使用して追加することをお勧めします。これは市場で最高のWordPressコードスニペットプラグインであり、安全かつ簡単にコードをウェブサイトに追加できます。

実際にリアルタイムで徹底的にテストした結果、非常に初心者向けで信頼性が高いことがわかりました。私たちの経験について詳しく知りたい場合は、WPCodeのレビューをご覧ください。

まず、WPCode プラグインをインストールして有効化する必要があります。詳細な手順については、初心者向けのガイド「WordPress プラグインのインストール方法」をご覧ください。

注意: WPCodeには、このチュートリアルで使用できる無料プランがあります。ただし、プロプランにアップグレードすると、コードスニペットのクラウドライブラリ、高度な条件付きロジックなど、より多くの機能にアクセスできるようになります。

有効化したら、WordPressダッシュボードからコードスニペット » + スニペットを追加ページにアクセスし、「カスタムコードを追加(新規スニペット)」オプションの下にある「スニペットを使用」ボタンをクリックしてください。

新しいスニペットを追加

これにより、「カスタムスニペットの作成」ページに移動します。ここで、コードスニペットの名前を追加することから開始できます。名前は識別のためのものであり、好きなものにすることができます。

次に、右側のドロップダウンメニューからコードタイプとして「PHP スニペット」を選択します。

スケジュールされた今後の投稿のリストを表示するには、コードスニペットのPHPスニペットオプションを選択してください

次に、次のカスタムコードを「コードプレビュー」ボックスにコピーして貼り付けます。

function wpb_upcoming_posts() { 
    // The query to fetch future posts
    $the_query = new WP_Query(array( 
        'post_status' => 'future',
        'posts_per_page' => 3,
        'orderby' => 'date',
        'order' => 'ASC'
    ));
 
// The loop to display posts
if ( $the_query->have_posts() ) {
    echo '<ul>';
    while ( $the_query->have_posts() ) {
        $the_query->the_post();
        $output .= '<li>' . get_the_title() .' ('.  get_the_time('d-M-Y') . ')</li>';
    }
    echo '</ul>';
 
} else {
    // Show this when no future posts are found
    $output .= '<p>No posts planned yet.</p>';
}
 
// Reset post data
wp_reset_postdata();
 
// Return output
 
return $output; 
} 
// Add shortcode
add_shortcode('upcoming_posts', 'wpb_upcoming_posts'); 
// Enable shortcode execution inside text widgets
add_filter('widget_text', 'do_shortcode');

その後、「挿入」セクションまでスクロールダウンし、「自動挿入」モードを選択します。

今後の投稿のリストをWordPressウェブサイトに表示するには、ショートコードを追加する必要があることに注意してください。

挿入方法を選択

最後に、ページの上部に戻り、「非アクティブ」スイッチを「アクティブ」に切り替えます。

それが完了したら、「スニペットを保存」ボタンをクリックして設定を保存します。

スケジュール投稿を表示するためのコードスニペットを保存する

クラシックテーマのサイドバーにスケジュールされた今後の投稿のリストを表示する

WordPressサイドバーに今後の投稿リストを表示するには、WordPressダッシュボードから外観 » ウィジェットページにアクセスしてください。このオプションは、クラシック(ブロックではない)テーマを使用している場合にのみ利用可能であることに注意してください。

ブロックメニューを開くには、画面左上の追加ブロック「+」ボタンをクリックしてください。

ここから、ショートコードブロックをサイドバーセクションにドラッグアンドドロップします。その後、ブロックに以下のショートコードを追加します。

[upcoming_posts]

ウィジェットエリアに今後のスケジュール投稿のリストを表示するためのショートコードを追加する

次に、上部にある「更新」ボタンをクリックして設定を保存します。

これで、WordPressサイトにアクセスして、スケジュールされた今後の投稿のリストが実際に表示されていることを確認できます。

スケジュールされた今後の投稿リストのプレビュー

フルサイトエディターで今後の予約投稿リストを表示する

ブロックベースのテーマを使用している場合、ウィジェットメニュータブは利用できません。その場合は、WordPressダッシュボードから外観 » エディターページにアクセスする必要があります。

エディターが開いたら、「ページ」をクリックし、左側のオプションからショートコードを追加したいページを選択するだけです。

ショートコードを追加したいフルサイトエディターのページを選択してください

選択したページがサイト全体エディターで開かれます。ここで、ブロック追加「+」ボタンをクリックしてブロックメニューを開き、ページにショートコードブロックを追加する必要があります。

その後、ブロックに次のショートコードを追加するだけです: [upcoming_posts]

FSE でスケジュールされた今後の投稿を表示するショートコードを追加する

最後に、上部にある「保存」ボタンをクリックして設定を保存します。

これで、WordPressサイトにアクセスして、スケジュールされた今後の投稿のリストを表示できます。

FSEでの今後の投稿プレビュー

ボーナス:WordPressで最新の投稿を表示する方法

今後の投稿を表示する以外に、WordPressサイトに最近公開された投稿のリストを表示したい場合もあります。

これを行うことで、訪問者に新しいコンテンツを紹介し、ウェブサイトをさらに探索してもらうことができます。

最新投稿ブロックを使用すると、WordPressの最新投稿のリストをGutenbergエディターで簡単に表示できます。

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

その後、投稿の抜粋、著者名、公開日、またはアイキャッチ画像を追加することで、このブロックをさらにカスタマイズできます。

詳細については、WordPressで最近の投稿を表示する方法に関するチュートリアルをご覧ください。

この記事が、WordPressで今後の予約投稿を一覧表示する方法を学ぶのに役立ったことを願っています。また、WordPressで投稿を一括予約する方法に関するチュートリアルや、WordPressの人気投稿プラグインベスト5も役立つかもしれません。

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

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

究極のWordPressツールキット

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

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

24 CommentsLeave a Reply

  1. ガイドをありがとうございます。コードスニペットメソッドを使用して、今後の投稿をサイドバーに正常に配置できました。しかし、これについてまだ質問があります。コードメソッドを使用して、スケジュールされた投稿のアイキャッチ画像を表示できるようにする方法はありますか?

  2. 動作しますが、以下のように表示されます。
    警告: 未定義の変数 $output
    誰か助けてもらえませんか?

  3. 時々投稿を予約していますが、これは人々を再び訪れるように誘い込むための本当に素晴らしい方法です。本当に気の利いたアイデアです。やり方のチュートリアルをありがとう。

    • If you wanted to make a video teaser, that would normally be best done by publishing a post for the specific teaser :)

      管理者

  4. これは素晴らしいアイデアです。
    今後の投稿予定を表示することで、ユーザーは新しい投稿について知ることができ、投稿が公開またはライブになったときに記事を読み返すようになります。また、ユーザーは次に読むべき投稿を提案する機会を得ることができ、最も有益なものになります。
    このアイデアを実行します。ありがとうございます。

  5. こんにちは。
    とても役立つ記事でした!まさに求めていたものだったので、長い間コーディングしていました。残念ながら、もう動作しないようで、修正方法が見つかっていません。

    • コードがまだ機能しているかどうかのテストから、現在使用していない場合はショートコードブロックを使用したいと思いますが、これによりウィジェットエリアでショートコードが再び機能するはずです。

      管理者

  6. 素晴らしい機能で、まさに私が求めているものですが、一つ足りない点があります。タイトルが投稿にリンクされていません。このコードでタイトルを投稿にリンクするにはどうすればよいですか?どうもありがとう

    • そのための推奨される方法はありません。これは、まだ公開されていない今後の投稿を表示することになり、ユーザーに送信するものがなくなるためです。

      管理者

  7. 素晴らしいですし、まさに私が求めていたものでした。
    今、投稿テストをリンクにして、ホバー時に追加情報を提供できるようにすることを考えています。
    さらに、それらの後ろにURLを追加することは可能ですか(例:今後のイベントに登録する)。

  8. すべての今後のイベントを、タイトル、日付、およびアイキャッチ画像とともに通常のページに表示するには、いくつか行う必要がありますか?ありがとうございます。

  9. この手動コードを共有してくれてありがとう。カスタム投稿タイプの場合はどのように変更できるか疑問に思っていますか?例えば「イベント」投稿タイプの場合はどうですか?それを明らかにしてもらえますか?(予約投稿プラグインはカスタム投稿タイプでは機能しません。)

    • i think you can do that by adding (‘post_type’ => ‘addcustomposttype’,) this in array im not sure but this one is working in my custom post type btw thank you wpbeginner for the tut :D

  10. コードに問題を見つけました:

    固定投稿を除外するには、クエリに次の行を追加します:

    ‘ignore_sticky_posts’ => 1,

    Useful article :-)

  11. 編集カレンダーを使用するのが好きです。カレンダーの観点から投稿をドラッグアンドドロップできます。トレンドトピックや投稿スケジューリングのギャップを確認するのに役立ちます。

返信する

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