Hur man visar en lista över senast uppdaterade inlägg i WordPress

Jag minns tiden då jag spenderade en hel helg med att uppdatera några av mina mest populära artiklar med nya tips och nya skärmdumpar. Jag var så stolt över arbetet, men jag insåg att ingen såg det.

Mina nyligen uppdaterade inlägg var fortfarande begravda på sida 10 i mina bloggarkiv, sorterade efter sitt ursprungliga publiceringsdatum. Det kändes som att allt mitt hårda arbete var osynligt.

Detta är ett vanligt problem med standardkonfigurationen i WordPress. Det är utmärkt för en enkel kronologisk blogg, men det döljer ditt värdefulla, uppdaterade innehåll från dina läsare. Detta kan få din webbplats att kännas föråldrad, även när du arbetar hårt för att hålla den aktuell.

Lyckligtvis finns det en enkel lösning. Genom att skapa en lista över dina senast modifierade inlägg kan du lyfta fram ditt bästa innehåll och skapa en mer engagerande upplevelse för dina besökare.

I den här guiden visar jag dig exakt hur jag gör detta på mina egna webbplatser. Jag kommer att täcka en enkel plugin-metod och en anpassad kodlösning för dem som vill ha mer kontroll.

Varför visa senast uppdaterade inlägg i WordPress?

Att visa dina senast uppdaterade inlägg i WordPress hjälper dig att visa ditt senaste innehåll för besökare och sökmotorer. Det hindrar dina viktiga, nyligen uppdaterade artiklar från att begravas djupt i dina bloggarkiv.

De flesta WordPress-teman visar inlägg i omvänd kronologisk ordning baserat på deras publiceringsdatum. Även om detta är logiskt för en vanlig blogg, innebär det att en artikel du uppdaterade igår kan vara begravd på sida 10 i ditt arkiv, trots att den innehåller din mest aktuella information.

Detta skapar en dålig användarupplevelse. Dina besökare missar ditt bästa arbete, och du får inte fullt värde av dina ansträngningar för innehållshantering.

Å andra sidan gör skapandet av ett dedikerat utrymme för dina senast ändrade artiklar din webbplats mer engagerande för besökare.

För att hjälpa dig att konfigurera detta kommer jag att guida dig genom två olika metoder. Du kan använda snabblänkarna nedan för att hoppa direkt till den lösning som fungerar bäst för dig:

• Method 1: Using a Plugin to Display Last Updated Posts
  • Installera och aktivera pluginet
  • Lägg till inläggsblocket till ett enskilt inlägg eller en sida
  • Lägg till Posts-blocket i ett klassiskt tema-sidofält eller sidfot
  • Lägg till Posts Block i en sidofält eller sidfot i ett blocktema
  • Konfigurera blocket för att sortera efter senast ändrat datum
• Method 2: Using Custom Code to Display Last Updated Posts
  • Steg 1: Installera WPCode och skapa ett nytt kodavsnitt
  • Steg 2: Lägg till anpassad PHP-kod
  • Steg 3: Lägg till kortkoden på din webbplats
• Bonus: Hur man visar ett datum för 'senast uppdaterad' på enskilda inlägg
• Vanliga frågor om att visa nyligen uppdaterade inlägg

Metod 1: Använda ett plugin för att visa senast uppdaterade inlägg

Det enklaste sättet att visa en lista över dina senast uppdaterade inlägg är att använda ett plugin. Denna metod är perfekt för nybörjare eftersom den inte kräver någon kod och ger dig visuell kontroll.

Jag rekommenderar att använda det kostnadsfria pluginet Kadence Blocks. Jag valde detta eftersom det är ett av de mest populära block-plugins som finns och lägger till en svit av kraftfulla nya block till redigeraren. Det fungerar perfekt med alla WordPress-teman, klassiska eller moderna blockbaserade.

Jag visar dig hur du använder dess mycket anpassningsbara ‘Inlägg’-block eftersom det enkelt kan konfigureras för att visa nyligen ändrade inlägg istället för nyligen publicerade.

Installera och aktivera pluginet

Först måste du installera och aktivera pluginet Kadence Blocks. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Det fina med att använda ett block är att du kan lägga till det nästan var som helst på din webbplats. Därefter visar jag hur du lägger till det på en enskild sida, ett klassiskt tema-widgetområde som sidofältet eller en blocktema-mallkomponent.

Lägg till inläggsblocket till ett enskilt inlägg eller en sida

Om du vill lägga till listan på en enskild sida eller ett inlägg, öppna det helt enkelt i WordPress-redigeraren. Väl där, klicka på plusikonen (+) för att lägga till ett nytt block.

I sökfältet, skriv 'Inlägg' och dra sedan Kadence Posts-blocket till inlägget eller sidan.

Lägg till Posts-blocket i ett klassiskt tema-sidofält eller sidfot

Om du har ett klassiskt tema kan du lägga till blocket som en widget för att visa det på hela din webbplats.

Från din WordPress-instrumentpanel, gå till Utseende » Widgetar.

Hitta widgetområdet du vill redigera, som din 'Sidofält', klicka på plusikonen (+) och lägg till Kadence 'Inlägg'-block genom att dra och släppa.

Lägg till Posts Block i en sidofält eller sidfot i ett blocktema

För moderna blockteman använder du Full Site Editor.

Gå till Utseende » Redigerare från din instrumentpanel. I redigerarens vänstermenyn, välj 'Mönster' och hitta sedan mall-delen du vill redigera, som din 'sidfot' eller 'sidofält'.

Dra och släpp helt enkelt Kadence 'Posts'-blocket där du vill att din lista ska visas.

Konfigurera blocket för att sortera efter senast ändrat datum

Nu till den viktiga delen. Med Inlägg-blocket markerat ser du dess inställningar i sidofältet till höger. Det är här vi kommer att tala om för det att sortera inlägg efter senast uppdaterat datum.

Under fliken 'Allmänt' i blockinställningarna, hitta inställningen märkt 'Sortera efter'. Klicka på rullgardinsmenyn och ändra den från 'Nyaste till äldsta' till 'Modifierad fallande'.

Blocket uppdateras omedelbart för att visa dina nyligen uppdaterade inlägg.

Du kan också anpassa många andra inställningar här, som antalet inlägg att visa och om den utvalda bilden eller inläggsutdraget ska visas.

När du är klar klickar du bara på knappen 'Uppdatera' eller 'Spara'. Du kan nu besöka din webbplats för att se din lista över senast uppdaterade inlägg live på din webbplats.

Metod 2: Använda anpassad kod för att visa senast uppdaterade inlägg

Om du är bekväm med att lägga till lite kod och vill ha fullständig kontroll över utseendet på din lista, då är den här metoden för dig. Du kan anpassa den exakta HTML-utmatningen, vilket är utmärkt för avancerad styling.

Det säkraste sättet att lägga till kod på din webbplats är att använda kostnadsfria WPCode plugin. Det är det plugin jag alltid använder för anpassade kodsnuttar eftersom det förhindrar dig från att göra misstag som kan förstöra din webbplats och håller din kod säker under temauppdateringar.

Steg 1: Installera WPCode och skapa ett nytt kodavsnitt

Installera och aktivera först det kostnadsfria WPCode-pluginet. Om du behöver hjälp, se vår guide om hur man installerar WordPress-plugins.

Gå sedan till Kodavsnitt » Lägg till avsnitt från din instrumentpanel och välj 'Lägg till din anpassade kod (nytt avsnitt)'.

Välj sedan din kodtyp för snippet. Längst ner på skärmen klickar du helt enkelt på alternativet 'PHP'.

Steg 2: Lägg till anpassad PHP-kod

På nästa skärm ger du ditt utdrag en titel, till exempel ‘Senast uppdaterade inlägg kortkod’.

Klistra sedan in följande kod i rutan 'Kodförhandsgranskning':

function wpb_lastupdated_posts( $atts ) {
    // Initialize the output string to prevent "Undefined variable" warnings.
    $output_string = '';

    // Parse the shortcode attributes.
    // 'limit' is the attribute name, and 5 is its default value if not provided.
    $atts = shortcode_atts( array(
        'limit' => 5,
    ), $atts, 'lastupdated-posts' );

    // Sanitize the 'limit' attribute to ensure it's a positive integer.
    $posts_limit = intval( $atts['limit'] );
    if ( $posts_limit <= 0 ) {
        $posts_limit = 5; // Fallback to default if an invalid limit is provided.
    }

    // Query Arguments for WP_Query.
    $lastupdated_args = array(
        'orderby'             => 'modified',         // Order posts by their last modified date.
        'ignore_sticky_posts' => 1,                  // Exclude sticky posts from the list.
        'posts_per_page'      => $posts_limit,       // Set the number of posts to display based on the 'limit' attribute.
        'post_status'         => 'publish',          // Only retrieve published posts.
    );

    // Create a new WP_Query instance.
    $lastupdated_loop = new WP_Query( $lastupdated_args );

    // Check if there are any posts found by the query.
    if ( $lastupdated_loop->have_posts() ) {
        // Added the 'last-updated-posts' CSS class to the <ul> tag.
        $output_string .= '<ul class="last-updated-posts">'; // Start the unordered list with a CSS class.

        // Loop through each post found by the query.
        while ( $lastupdated_loop->have_posts() ) :
            $lastupdated_loop->the_post(); // Set up post data for the current post.

            // Append each post as a list item with its link, title, and modified date.
            $output_string .= '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a> ( ' . get_the_modified_date() . ') </li>';
        endwhile;

        $output_string .= '</ul>'; // Close the unordered list.
    } else {
        // Optional: Message to display if no recently updated posts are found.
        $output_string .= '<p>No recently updated posts found.</p>';
    }

    // Reset post data. This is crucial to restore the global post data
    // to the main query after running a custom query.
    wp_reset_postdata();

    // Return the generated HTML string.
    return $output_string;
}

// Add the shortcode.
// This registers the 'lastupdated-posts' shortcode to be handled by the 'wpb_lastupdated_posts' function.
add_shortcode( 'lastupdated-posts', 'wpb_lastupdated_posts' );

Låt mig snabbt förklara vad den här koden gör. Den skapar en funktion som använder ‘WP_Query‘, vilket är WordPress standardmetod för att hämta inlägg från din databas. Vi har ställt in den att hämta inlägg sorterade efter deras ‘modifierade’ datum.

Sedan paketerar den den här funktionen i en kortkod, [lastupdated-posts], som du kan använda var som helst på din webbplats.

Slutligen återställer wp_reset_postdata() huvudfrågan i WordPress. Detta är en viktig bästa praxis som förhindrar att vår anpassade kod av misstag bryter andra funktioner på sidan.

Rulla nu ner till avsnittet 'Infogning' och se till att metoden är inställd på 'Automatisk infogning' och platsen är 'Kör överallt'. Detta är standardinställningen för kortkoder och säkerställer att WordPress känner igen den var som helst på din webbplats.

Metoden 'Auto-Insert' med platsen 'Run Everywhere' är korrekt inställd. Detta säkerställer att WordPress känner igen din kortkod oavsett var du väljer att använda den på din webbplats.

Slutligen, växla omkopplaren högst upp till 'Aktiv' och klicka på knappen 'Spara kodavsnitt'.

Steg 3: Lägg till kortkoden på din webbplats

Du kan nu lägga till din lista var som helst på din webbplats som accepterar kortkoder.

Redigera helt enkelt ett inlägg eller en sida, lägg till ett kortkodsblock, och skriv in:

[lastupdated-posts]

Detta kommer att visa standardvärdet på 5 inlägg.

För att visa ett annat antal kan du använda parametern 'limit' så här:

[lastupdated-posts limit="10"]

Koden kommer att producera en enkel, ostylad lista som ärver ditt temas standardstil för länkar och listobjekt. Du kan lägga till anpassad CSS till ditt temas stilmall för att styla klassen '.last-updated-posts' om du vill.

Så här ser det ut i en sidopanel på min testwebbplats:

Bonus: Hur man visar ett datum för 'Senast uppdaterad' på enskilda inlägg

Förutom att visa en lista på din startsida eller sidofält, är det också en bra idé att visa datumet 'Senast uppdaterad' i början av dina artiklar. Detta talar omedelbart om för läsarna att informationen är aktuell och pålitlig, vilket jag tycker bygger mycket trovärdighet.

Många populära teman har detta alternativ inbyggt. Kontrollera ditt temas inställningar under Utseende » Anpassa. Leta efter inställningar relaterade till Post Meta eller Blogg/Inläggslayout.

Om ditt tema inte har det här alternativet kan du enkelt lägga till det. För en komplett genomgång, se vår guide om hur du visar det senast uppdaterade datumet för inlägg i WordPress.

Vanliga frågor om att visa nyligen uppdaterade inlägg

Här är svar på några av de vanligaste frågorna vi får om att visa nyligen uppdaterade inlägg.

1. Påverkar uppdatering av ett inlägg dess URL eller SEO?

Nej, att bara uppdatera innehållet i ett inlägg ändrar inte dess URL (permalänk). Faktum är att uppdatera och förbättra ditt gamla innehåll är en mycket rekommenderad SEO-bästa praxis som kan förbättra dina sökrankningar.

2. Kan jag exkludera vissa inlägg från listan över senast uppdaterade?

Ja. Kadence block-pluginet vi nämnde låter dig inkludera eller exkludera specifika kategorier direkt från blockinställningarna. Om du använder metoden med anpassad kod kan du ändra WP_Query-argumenten i kodavsnittet för att exkludera inlägg efter ett specifikt ID, kategori eller tagg.

3. Hur skiljer sig modifieringsdatumet från publiceringsdatumet?

Publiceringsdatumet är det datum då inlägget först gjordes live på din webbplats. Ändringsdatumet är det datum då inlägget senast sparades med några ändringar. Ett inlägg kan ha ett publiceringsdatum från flera år tillbaka, men ett ändringsdatum från igår.

Jag hoppas att den här guiden hjälpte dig att lära dig hur du visar senast uppdaterade inlägg i WordPress. Du kanske också vill kolla in vår guide om hur man visar relaterade inlägg med miniatyrbilder för att hålla dina besökare engagerade ännu längre, eller vårt experttips om de mest användbara WordPress-widgets för din webbplats.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.