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

Så här listar du framtida kommande tidsinställda posts i WordPress

Att hålla website besökare engagerade och i väntan på new content är en ständig utmaning för bloggare och content-skapare. Här på WPBeginner förstår vi kraften i att främja en lojal läsekrets.

En strategi som kan öka användarnas engagemang avsevärt är att visa upp en curate-lista över kommande tidsinställda posts.

By strategically displayed your content calendar, you can generate excitement around new releases, encourage repeat visits, and ultimately cultivate a thriving online community.

I den här artikeln kommer vi att visa dig hur du enkelt kan visa framtida kommande posts i WordPress, steg för steg.

List Future Upcoming Scheduled Posts in WordPress

Varför visa framtida kommande posts i WordPress?

Om du har kört en WordPress blogg ett tag, så vet du att utgivarbloggarna vid en viss tidpunkt kan få fler människor att läsa dem.

Men du kan inte bara sitta och vänta på rätt tillfälle att trycka på knappen Publicera. Det är därför WordPress har en utvald schemaläggningsfunktion som låter dig schemalägga inlägg som ska publiceras senare.

Detta kan hjälpa dig att fokusera på att skapa content och hantera din redaktionella kalender som ett Pro.

När du har tidsinställt inläggen på din site är det också en bra idé att visa en lista över dessa kommande artiklar för att skapa hype kring dem och öka engagemanget på din blogg.

Att visa framtida tidsinställda posts kan vara särskilt effektivt för content som gillar serialized stories, produktlanseringar eller tillkännagivanden av händelser.

Det kan uppmuntra användarna att diskutera kommande ämnen i comments section eller social media, anmäla sig till yours nyhetsbrev eller till och med föranmäla sig till händelser.

Med detta sagt, låt oss se hur du enkelt kan lista kommande tidsinställda posts i WordPress.

Du kan enkelt visa en lista över tidsinställda kommande posts på din WordPress-webbplats genom att lägga till customize-kod i ditt temas functions.php-fil. Men om du gör även det minsta error när du skriver koden kan din site gå sönder och bli otillgänglig.

Det är därför vi rekommenderar att du alltid lägger till custom code med hjälp av WPCode. Det är det bästa WordPress code snippets plugin på marknaden som gör det säkert och enkelt att add to kod till din website.

Först måste du installera och aktivera pluginet WPCode. Detaljerade instruktioner finns i vår guide för nybörjare om hur man installerar ett plugin för WordPress.

Note: WPCode har en gratis plan som du kan använda för denna tutorial. Men om du uppgraderar till Pro-planen får du tillgång till fler funktioner som ett molnbibliotek för code snippets, avancerad villkorlig logik och mer.

Efter aktivering, besök Code Snippets ” + Add Snippet-sidan från WordPress dashboard och klicka på knappen ”Use Snippet” under alternativet ”Add Your Custom Code (New Snippet)”.

Add new snippet

Detta tar dig till sidan ”Create Custom Snippet”, där du kan börja med att lägga till ett namn för ditt code snippet. Namnet är endast till för att identifiera dig och kan vara vad du gillar.

Efter det väljer du ”PHP Snippet” som Code Type från dropdown-menyn till höger.

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

Följaktligen måste du copy and paste följande custom code i boxen ”Code Preview”:

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');

Därefter rullar du ner till ”Insertion” -sektionen och väljer läget ”Auto Insert”.

Tänk på att du fortfarande måste add to en shortcode för att visa en lista över kommande posts på din WordPress website.

Choose an insertion method

Slutligen rullar du tillbaka högst upp på sidan för att toggla omkopplaren ”Inaktiverad” till ”Aktiv”.

När du har gjort det klickar du bara på knappen ”Save Snippet” för att spara dina Settings.

Save the code snippet for showing scheduled posts

Display a List of Tidsinställd Upcoming Posts in the Sidebar of a Classic Theme

Om du vill visa en lista över kommande posts i sidebaren i WordPress går du till sidan Appearance ” Widgets i WordPress dashboard. Tänk på att det här alternativet bara är available om du använder ett klassiskt (icke-block) theme.

Här måste du klicka på knappen add block ’+’ högst upp till vänster på vyn för att öppna blockmenyn.

Härifrån drar och släpper du Shortcode-blocket i sidebarens section. Följ därefter add to följande shortcode i blocket:

[kommande_inlägg]

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

Klicka sedan på knappen ”Update” högst upp för att lagra dina settings.

Nu kan du besöka din WordPress site för att view listen of upcoming tidsinställda posts in action.

A preview of list of upcoming scheduled posts

Visa en lista över tidsinställda kommande inlägg i hela Site Editor

Om du använder ett block-baserat theme kommer inte tabben Widgets i menyn att vara available för you. I så fall måste du besöka sidan Appearance ” Editor från WordPress dashboard.

När editorn öppnas klickar du på ”Pages” och väljer sedan helt enkelt en sida där du vill lägga till shortcode från alternativen till vänster.

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

Den page som du har valt kommer nu att öppnas i hela Site Editor. Här måste du klicka på knappen add block ’+’ för att öppna blockmenyn och lägga till Shortcode-blocket på sidan.

Följ det, bara add to följande shortcode i blocket: [kommande_poster]

Add shortcode to display scheduled upcoming posts in the FSE

Slutligen klickar du på knappen ”Save” högst upp för att spara dina Settings.

Nu är det bara att besöka din WordPress site för att view listan över tidsinställda kommande posts.

Upcoming posts preview in FSE

Bonus: Så här displayed du senaste inlägg i WordPress

Förutom att visa kommande inlägg kanske du också vill visa en lista över senaste inlägg på din WordPress site.

På så sätt kan du presentera nytt content för besökarna och uppmuntra dem att utforska din website mer.

Du kan enkelt visa en lista över nya inlägg i WordPress med hjälp av Latest Posts block i Gutenberg editor.

Show post content in recent posts

Efter det kan du ytterligare customize detta block genom att lägga till inlägg excerpt, författare namn, publiceringsdatum eller funktion bild.

För mer information, se vår tutorial om hur du visar senaste inlägg i WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du listar framtida kommande tidsinställda posts i WordPress. Du kanske också är intresserad av vår tutorial om hur man bulkschemalägger posts i WordPress och våra populäraste inläggen / bästa inläggen för populära posts i 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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

25 kommentarerLämna ett svar

  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. Hajjalah

    Thanks for your guide, I successfully placed future upcoming posts into my sidebar using the the code snippet method. But I still have a question about this. Is there a way to enable the featured image for the scheduled posts to be shown using the code method?

    • WPBeginner Support

      It would require some changes to the code, we will look into the possibility in the future :)

      Administratör

  3. Ivan Salko

    It works but displays:
    Warning: Undefined variable $output
    Can someone help me?

  4. 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.

  5. 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 :)

      Administratör

  6. 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.

  7. 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.

      Administratör

      • 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! :)

  8. 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.

      Administratör

  9. 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.)

  10. 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.

  11. kimberly

    thanks, looks super easy

  12. shabir

    thanks for sharing such a wonderful stuff.

  13. 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

  14. Cecilio

    I have found a problem in code:

    For exclude sticky posts to add this line to query:

    ’ignore_sticky_posts’ => 1,

    Useful article :-)

  15. 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??

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.