Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

ブロガーやコンテンツ制作者にとって、サイト訪問者を飽きさせず、新しいコンテンツを期待させ続けることは継続的な課題です。ここWPBeginnerでは、忠実な読者を育てる力を理解しています。

ユーザーのエンゲージメントを大幅に高めることができる戦略の1つは、今後の投稿予定リストをキュレーションして紹介することです。

コンテンツカレンダーを戦略的に表示することで、新作の興奮を呼び起こし、リピーターの訪問を促し、最終的にオンラインコミュニティを繁栄させることができます。

この投稿では、WordPressで未来の投稿を簡単に表示する方法を順を追って説明します。

List Future Upcoming Scheduled Posts in WordPress

なぜWordPressで未来の投稿を表示するのか?

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

しかし、公開するタイミングをじっと待っているわけにはいきません。そのため、WordPressには、後で公開する投稿を予約できるスケジュール機能がビルトインされているのです。

これにより、プロのようにコンテンツ制作とエディトリアルカレンダーの管理に集中することができる。

サイト上で投稿をスケジューリングしたら、近日公開予定の記事のリストを表示し、その記事の宣伝効果を高め、ブログのエンゲージメントを高めるのも良いアイデアだ。

連載記事、製品発表、イベント告知などのコンテンツでは、未来の投稿予定を表示することが特に効果的です。

コメント欄やソーシャル・メディアで今後のトピックについて議論したり、ニュースレターに登録したり、あるいはイベントに事前登録したりすることをユーザーに促すこともできる。

それでは、WordPressで今後の投稿予定を簡単にリストアップする方法を見ていきましょう。

テーマのfunctions.phpファイルにカスタムコードを追加することで、WordPressサイトに今後の投稿予定リストを簡単に表示することができます。しかし、コードをタイプする際にわずかなエラーでも犯すと、サイトが壊れてアクセスできなくなる可能性があります。

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

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

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

有効化したら、WordPressダッシュボードからCode Snippets ” + Add Snippetの ページにアクセスし、’Add Your Custom Code (New Snippet)’オプションの下にある’Use Snippet’ボタンをクリックします。

Add new snippet

カスタムスニペットの作成」ページが表示されますので、まずはコードスニペットの名前を追加してください。この名前は識別のためだけのもので、好きな名前を付けることができます。

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

Choose PHP Snippet option for the code snippet to show a list of scheduled upcoming posts

次に、以下のカスタムコードをコピー&ペーストして「コードプレビュー」ボックスに入力します:

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サイトに今後の投稿リストを表示するには、ショートコードを追加する必要があることを覚えておいてください。

Choose an insertion method

最後に、ページの一番上までスクロールして、「無効」スイッチを「有効」に切り替える。

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

Save the code snippet for showing scheduled posts

クラシックテーマのサイドバーに今後の投稿予定リストを表示する

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

ここで、画面左上のブロック追加「+」ボタンをクリックし、ブロックメニューを開く必要がある。

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

[upcoming_posts]

Add the shortcode for displaying a list of upcoming scheduled posts in the widget area

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

これで、WordPressサイトにアクセスして、今後予定されている投稿のリストを実際に表示することができます。

A preview of list of upcoming scheduled posts

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

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

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

Choose a page in the full site editor where you want to add a shortcode

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

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

Add shortcode to display scheduled upcoming posts in the FSE

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

あとは、WordPressサイトにアクセスするだけで、今後の投稿予定リストが表示されます。

Upcoming posts preview in FSE

おまけ:WordPressで最近の投稿を表示する方法

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

こうすることで、訪問者に新しいコンテンツを紹介し、あなたのサイトをもっと見てもらうことができます。

GutenbergエディターのLatest Postsブロックを使えば、WordPressの新着投稿一覧を簡単に表示できます。

Show post content in recent posts

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

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

この投稿が、WordPressで今後の投稿予定をリストアップする方法を学ぶのにお役に立てば幸いです。また、WordPressで投稿を一括スケジュールする方法についてのチュートリアルや、WordPressの人気投稿プラグインのトップピックにもご興味があるかもしれません。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

20件のコメント返信を残す

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    I sometimes use scheduling posts and this is a really great way to entice people to visit again. It’s a really neat idea. Thanks for the tutorial on how to do it.

  3. Pobitro Deb

    Can I make a video post for the scheduled post?

    • WPBeginner Support

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

      管理者

  4. Mrteesurez

    This is a great idea.
    Show the upcoming scheduled posts will get users informed of new posts and make them return to read the post when published or live. It will also give user an opportunity to suggest next posts that they need to reads and be best benefited to them.
    I will implement this idea, thanks.

  5. Patrick

    Hello,
    it was a very useful article! I used to code for a long time because it was exactly what I needed. Unfortunately, it doesn’t seem to be working anymore, and I haven’t found a way to fix it.

    • WPBeginner Support

      From testing the code is still working, you would want to use the shortcode block if you are not currently and that should allow the shortcode to work in your widget area again.

      管理者

      • Patrick

        I stand corrected! The code is indeed still working PERFECT. I’ve made a mistake in the way I added it to the functions.php of the theme!

        • WPBeginner Support

          Glad to hear you solved the issue! :)

  6. Susanne Tamir

    Great function exactly what i need but one thing missing the title is not linked to the post. How do i link the title to the post in this code? Thanks a lot

    • WPBeginner Support

      We do not have a recommended method for that as this would show the upcoming posts that are not published yet so there is nothing to send the users to.

      管理者

  7. rashid

    it is great and exactly what I needed,
    now i am thinking about, making the Post test a link, and on hover can give extra info,
    plus is it possible to add a url behind them (example: register for an upcoming event.)

  8. Antuan

    I have to do couple to leave me in a normal page all future events with their titles, dates and featured images? Thank you.

  9. kimberly

    thanks, looks super easy

  10. shabir

    thanks for sharing such a wonderful stuff.

  11. Rogier

    Thanks for sharing this manual code. I wonder how it could be modified for Custom Post Types? For example for an ‘event’ post type? Is that something you could reveal? (None of the scheduled post plugins work for custom post types.)

    • may

      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

  12. Cecilio

    I have found a problem in code:

    For exclude sticky posts to add this line to query:

    ‘ignore_sticky_posts’ => 1,

    Useful article :-)

  13. MarkDeafMcGuire

    I like to use the Editorial Calendar. It allows you to drag and drop posts from a calendar point of view. Useful for trending topics and seeing gaps in scheduling posts.

    • Editorial Calendar

      Is that a plugin??

返信を残す

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