Hur man visar inläggsammanfattningar i WordPress-teman

Utdrag ger besökare en kort förhandstitt på ditt innehåll, vilket hjälper dem att snabbt förstå vad varje inlägg handlar om och uppmuntrar dem att klicka sig vidare för att läsa mer. De är särskilt användbara på blogglistor, arkivsidor och sökresultat.

Att visa inläggsutdrag kan också få din webbplats att se renare ut och laddas snabbare genom att bara visa en del av varje inlägg. Många WordPress-teman visar dock inte utdrag som standard, vilket kan göra dina bloggsidor röriga eller ofullständiga.

På WPBeginner visar vi utdrag på både vår startsida och bloggsida. Detta gör att vi kan lyfta fram fler inlägg samtidigt och gör det enklare för besökare att bläddra i vårt innehåll. Med tiden har vi också anpassat och optimerat många WordPress-teman för att förbättra läsbarheten och prestandan.

I den här artikeln visar vi dig hur du enkelt lägger till inläggsutdrag i ditt WordPress-tema.

Varför visa inläggsutdrag i WordPress?

Som standard visar WordPress hela inlägg på startsidan, bloggsidan och arkivsidor på hela din webbplats.

Att byta till inläggsutdrag erbjuder dock flera viktiga fördelar:

• Bättre användarupplevelse: Utdrag låter användare snabbt skanna ämnen och hitta innehållet de vill läsa, istället för att scrolla förbi hela artiklar.
• Förbättrad webbplatshastighet: Eftersom bara en del av varje artikel laddas, laddas dina sidor mycket snabbare, vilket förbättrar prestandan.
• Mobiloptimering: Att visa hela inlägg orsakar överdriven scrollning, vilket är en dålig upplevelse för användare av smartphones och surfplattor. Utdrag löser detta problem.
• Ökat engagemang: Genom att lyfta fram fler inlägg direkt ökar sannolikheten att användare klickar sig vidare för att läsa flera artiklar, vilket ökar dina sidvisningar.

WordPress har inbyggt stöd för inläggsutdrag, men alla teman använder dem inte.

Nu ska vi visa dig hur du visar inläggsutdrag i vilket WordPress-tema som helst.

Hur man kontrollerar om ditt WordPress-tema stöder inläggsutdrag

De flesta populära WordPress-teman inkluderar en inställning som låter dig visa inläggsutdrag istället för hela inlägget.

För att se om ditt tema stöder inläggsutdrag, besök sidan Utseende » Anpassa i WordPress-instrumentpanelen.

Platsen för dessa inställningar varierar beroende på ditt WordPress-tema, men du behöver leta efter inställningar som är märkta med 'Blogg'.

Om du till exempel använder Sydney WordPress-tema, måste du välja 'Blogg' och sedan klicka på 'Bloggarkiv'.

Du kan sedan skrolla ner till avsnittet 'Inläggselement' och expandera fliken 'Innehåll'. När du har gjort det, välj alternativet 'Sammanfattning' från rullgardinsmenyn under 'Innehållstyp'.

Om ditt tema har ett alternativ för ‘Temainställningar’ eller ‘Inläggs allmänna inställningar’, kan du också kunna aktivera inläggsutdrag i dessa sektioner.

När du har gjort det, klickar du helt enkelt på knappen 'Publicera'. Nu, om du besöker bloggen, arkivet eller startsidan, bör du se en lista med blogg-excerpts snarare än hela inlägg.

Om ditt tema inte har inbyggt stöd för inläggsutdrag, måste du lägga till det. Använd helt enkelt snabblänkarna nedan för att hoppa till den metod du vill använda:

Metod 1: Lägg till inläggsutdrag i WordPress med kod (enkelt)

Om ditt WordPress-tema inte stöder inläggsutdrag som standard, kan du alltid lägga till den här funktionen manuellt.

Steg 1: Skapa ett barn-tema

Du kan redigera dina WordPress-temafiler direkt, men vi rekommenderar att du skapar ett barn-tema istället. På så sätt, när du uppdaterar ditt WordPress-tema, kommer du inte att förlora de ändringar du har gjort.

För mer information, se vår nybörjarguide om hur man skapar ett WordPress-barn-tema.

Steg 2: Leta upp mallfilerna

Efter att ha gjort det behöver du hitta mallen som styr varje sida där du vill visa inläggsutdrag. För de flesta teman kommer detta att vara home.php, content.php, category.php och archive.php.

För hjälp med att hitta rätt fil, se vår nybörjarguide till WordPress mallhierarki.

Steg 3: Byt ut innehållstagg med utdragstagg

När det är gjort, leta helt enkelt upp följande kod i varje fil:

<?php the_content(); ?>

Byt sedan ut den här koden med taggen the_excerpt:

<?php the_excerpt(); ?>

När det är gjort, spara filen och kontrollera sedan din webbplats. Du bör nu se inläggsexcerpts där hela artikeln brukade vara.

Ändra standardlängden för WordPress-utdrag

Som standard visar WordPress de första 55 orden i varje inlägg och lägger sedan till en ellips (...) för att visa att det finns mer innehåll.

Du kan ändra detta för att visa fler eller färre ord genom att lägga till kod på din WordPress-webbplats. Även om det är möjligt att redigera temafiler direkt, kan detta vara komplicerat.

Ett enkelt misstag kan också orsaka många vanliga WordPress-fel och kan till och med helt förstöra din webbplats.

Av den anledningen rekommenderar vi att använda WPCode. Det gör det enkelt att lägga till kodavsnitt i WordPress utan att behöva redigera dina temafiler. På så sätt kan du uppdatera eller ändra ditt tema utan att förlora den anpassade koden.

Steg 1: Installera och aktivera WPCode

Först måste du installera och aktivera det kostnadsfria WPCode-pluginet. För mer information kan du se vår nybörjarguide om hur man installerar ett WordPress-plugin.

Steg 2: Lägg till ett nytt kodavsnitt

Vid aktivering, besök sidan Kodavsnitt » + Lägg till avsnitt från WordPress-instrumentpanelen. Klicka sedan på knappen ‘+ Lägg till anpassat avsnitt’ under alternativet ‘Lägg till din anpassade kod (nytt avsnitt)’.

Därefter måste du välja kodtyp från de alternativ som visas på skärmen.

För den här handledningen, välj 'PHP-utdrag'.

På nästa skärm, skriv in en titel för kodavsnittet. Detta är bara för din referens, så du kan använda vad du vill.

Steg 3: Ange anpassad kod

När det är gjort, klistra helt enkelt in följande i kodredigeraren:

return 100;
}
add_filter('excerpt_length', 'new_excerpt_length');

// Changing excerpt more
function new_excerpt_more($more) {
return '...';
}
add_filter('excerpt_more', 'new_excerpt_more');

Den här koden ändrar längden på inläggsexcerpts till 100 tecken. Du kan ändra '100' till vilket nummer du vill.

Steg 4: Spara och aktivera kodavsnittet

Efter att ha klistrat in koden, växla omkopplaren från 'Inaktiv' till 'Aktiv' i det övre högra hörnet och klicka sedan på knappen 'Spara kodsnutt'.

För fler tips om hur du finjusterar dina inläggsammanfattningar, se vår guide om hur du anpassar WordPress-sammanfattningar utan kod.

Metod 2: Lägg till inläggsutdrag med hjälp av Full Site Editor (endast blockteman)

Om du använder ett av de nyare blockteman för WordPress, kan du lägga till inläggsutdrag med hjälp av redigeraren för hela webbplatsen.

Steg 1: Öppna Full Site Editor

För att komma igång, gå till Utseende » Redigerare i WordPress-instrumentpanelen.

Steg 2: Välj mallar

Som standard visar redigeraren för hela webbplatsen ditt temas hemmamall, men du kan lägga till en sammanfattning i vilken mall som helst.

Klicka helt enkelt på 'Maler' i menyn till vänster.

Du kommer nu att se en lista över alla mallar som utgör ditt WordPress-tema. Beroende på ditt tema kanske du vill lägga till utdrag till arkiv-, index-, sök- eller liknande mallar.

Hitta helt enkelt mallen du vill redigera och klicka på den.

Steg 3: Redigera mallen

WordPress kommer nu att visa en förhandsgranskning av den här mallen.

För att fortsätta och redigera mallen, klicka på den lilla pennikonen.

Steg 4: Lägg till blocket för inläggsutdrag

Klicka nu på ikonen '+'.

I sökpanelen som visas, skriv in "Inläggsutdrag".

När rätt block visas, dra och släpp det i din layout.

Du kan upprepa denna process för att lägga till flera inläggsutdrag i mallen.

Steg 5: Anpassa blockinställningarna

För att finjustera hur utdraget ser ut, klicka bara för att välja blocket för inläggsutdrag.

I menyn till höger kan du börja med att välja om länken 'Läs mer' visas på samma rad som sammanfattningen genom att använda växlingsknappen 'Visa länk på ny rad'.

Du kan också justera det maximala antalet ord som visas genom att ändra inställningen 'Utdrags längd' i sidofältet för blocket.

När det är gjort, välj fliken 'Stilar'. Här kan du ändra textfärgen, lägga till en bakgrundsfärg, ändra teckenstorleken och mer.

När du gör ändringar uppdateras förhandsgranskningen automatiskt, så du kan prova olika inställningar för att se vad som ser bäst ut.

Steg 6: Spara dina ändringar

När du är nöjd med hur inläggsutdraget är inställt, klicka på knappen 'Spara' för att göra dina ändringar live.

Vill du visa inläggsutdrag på fler sidor och inlägg? Upprepa sedan bara stegen ovan, men välj den här gången en ny mall från menyn till vänster.

Metod 3: Lägg till inläggsutdrag i WordPress med en temabyggare (avancerat)

Om du vill ha fullständig kontroll över hur arkivet, bloggsidan, startsidan och resten av din webbplats ser ut, kan du skapa ett anpassat tema.

Detta gör att du kan designa dina egna sidor och visa utdrag var som helst på din webbplats.

SeedProd är den bästa WordPress-temabyggaren som låter dig enkelt skapa ett anpassat WordPress-tema utan att skriva någon kod. Den har också ett färdigt inläggsblock som du kan dra och släppa på vilken sida som helst.

Steg 1: Installera och aktivera SeedProd

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

Efter aktivering, gå till sidan SeedProd » Inställningar och ange pluginets licensnyckel. Du hittar denna information i ditt konto på SeedProd-webbplatsen.

Efter att ha angett licensnyckeln är du redo att skapa ett anpassat WordPress-tema med SeedProd-temabyggaren.

Steg 2: Välj en malluppsättning

Gå först till sidan SeedProd » Theme Builder .

Här kan du antingen använda en av de färdiga SeedProd webbplatskit och mallar som utgångspunkt eller manuellt skapa en mall från grunden.

Vi rekommenderar att du börjar med ett befintligt tema, eftersom det automatiskt skapar alla nödvändiga mallfiler och ger dig en bra start.

Med det sagt, klicka på knappen ‘Theme Template Kits’.

Steg 3: Välj ett tema

Du kan nu välja vilken som helst av de tillgängliga mallarna.

Alla dessa teman är helt anpassningsbara, så du kan finjustera dem för att perfekt passa din WordPress-blogg eller webbplats.

Efter att ha valt ett tema kommer SeedProd automatiskt att skapa alla temamallar du behöver.

Du kan se detta som utkastversionen av ditt anpassade WordPress-tema.

Steg 4: Redigera bloggmallen

Du kan nu anpassa varje mall med SeedProds dra-och-släpp-redigerare.

Eftersom vi vill lägga till inläggsutdrag på vår webbplats, för muspekaren över mallen som styr din blogglista (ofta kallad 'Bloggindex, arkiv, sökning') och klicka på länken 'Redigera design' när den visas.

Detta laddar SeedProd dra-och-släpp-byggare.

Till höger ser du en förhandsgranskning av mallen. Som standard visar mallen för bloggsidan rubriken, arkivet, titeln och alla dina inlägg.

Sidan till vänster visar en meny med alla olika block du kan använda.

Du kan lägga till nya block genom att dra dem till sidan och sedan ordna om dem genom att dra dem upp och ner med musen.

Du kan anpassa vilken block som helst genom att klicka på den och sedan använda inställningarna i menyn till vänster. När du gör en ändring uppdateras SeedProd-förhandsgranskningen automatiskt för att visa dessa ändringar i praktiken.

Steg 5: Välj inläggsblocket

Eftersom vi vill anpassa inläggsutdrag, klicka bara för att välja blocket ‘Inlägg’ i förhandsgranskningen.

Efter att ha gjort det, välj det innehåll du vill visa i det här blocket med hjälp av inställningarna i menyn till vänster.

Till exempel kan du ändra kolumnlayouten, visa paginering, visa utvald bild och ändra titeltaggen.

Steg 6: Aktivera utdraget

För att visa inläggsexcerpten, klicka helt enkelt på växlingsknappen 'Visa Excerpt' så att den blir orange.

När du har gjort det kan du ändra hur många tecken SeedProd visar i utdraget genom att skriva ett nytt nummer i 'Utdrags längd'.

SeedProd kan också lägga till en 'Läs mer'-länk till varje utdrag, vilket uppmuntrar läsare att öppna hela artikeln.

Du kan lägga till eller ta bort den här länken med växlingsknappen "Visa Läs mer".

Du kan också ersätta texten 'Läs mer' med ditt eget meddelande genom att skriva i fältet 'Läs mer-text'.

Steg 7: Spara dina ändringar

När du är nöjd med hur inläggsutdraget är inställt, klicka på knappen 'Spara' i det övre högra hörnet av din skärm.

Du kan nu anpassa de andra SeedProd-mallarna genom att gå till SeedProd » Temabyggare och följa samma process som beskrivs ovan.

För att visa inläggsutdragen för besökare måste du först aktivera ditt SeedProd-tema. För att göra detta, gå till SeedProd » Theme Builder och klicka sedan på växlingsknappen 'Enable SeedProd Theme' så att den visar 'Yes'.

Nu, om du besöker någon av dina bloggsidor, kommer du att se inläggsutdragen live.

Bonus: Visa utdrag för lösenordsskyddat innehåll

Om du har en medlemskapswebbplats, kan du ha innehåll som inte är tillgängligt för allmänheten. Det är dock fortfarande en bra idé att visa ett utdrag för ditt lösenordsskyddade innehåll.

Detta kan locka användare och uppmuntra dem att köpa dina prenumerationer för att få tillgång till exklusivt innehåll på din webbplats.

Du kan enkelt göra detta med hjälp av Restrict Content Pro, som är ett populärt plugin för innehållsskydd. Efter aktivering, öppna helt enkelt ett inlägg du gillar i WordPress blockredigerare där du kan lägga till ett utdrag för det från blockpanelen.

Därefter kan du konfigurera begränsningsinställningarna från rullgardinsmenyn.

Publicera slutligen inlägget och besök sedan din WordPress-webbplats.

Här kommer användarna att kunna se inläggsutdraget och titeln för det begränsade innehållet precis som vilket annat inlägg som helst. Innehållet i sig kommer dock att vara dolt för publiken.

För detaljerade instruktioner kan du också se vår handledning om hur man visar ett utdrag av ett lösenordsskyddat inlägg i WordPress.

Vanliga frågor om att visa inlägg i WordPress

Här är några frågor som våra läsare ofta har ställt om att visa inlägg och deras utdrag i WordPress:

Hur visar man utdrag på en WordPress-sida?

Du kan visa inläggsutdrag på vilken WordPress-sida som helst med hjälp av det inbyggda blocket 'Senaste inlägg'. Lägg helt enkelt till blocket på din sida, och växla sedan i inställningspanelen för blocket alternativet 'Inläggsinnehåll' och välj 'Utdrag' för att visa en sammanfattning istället för hela artikeln.

Hur förhandsgranskar man ett inlägg i WordPress?

För att förhandsgranska ett inlägg, klicka på länken 'Förhandsgranska' som finns i det övre högra hörnet av redigeraren för innehåll. Du kan sedan välja 'Förhandsgranska i ny flik' för att se exakt hur ditt inlägg och dess utdrag kommer att se ut för besökare på dator, surfplatta eller mobil innan du publicerar det.

Hur visar man populära inlägg i WordPress?

Det enklaste sättet att visa populära inlägg är att använda ett plugin som MonsterInsights. Det spårar automatiskt vilka artiklar som får mest trafik och visar dem i en 'Populära inlägg'-widget eller ett block, vilket hjälper dig att hålla besökarna engagerade med ditt bästa innehåll.

För mer information, se vår handledning om att visa populära inlägg i WordPress.

Hur visar man de senaste inläggen i WordPress?

Du kan visa de senaste inläggen var som helst på din webbplats med hjälp av blocket 'Senaste inlägg' eller widgeten 'Senaste inlägg'. När de har lagts till kan du anpassa visningsinställningarna för att inkludera inläggets datum, utvald bild och ett kort utdrag för att locka läsare att klicka.

För att komma igång, kolla in vår nybörjarguide om hur man visar de senaste inläggen i WordPress.

Hur visar man specifika inlägg i WordPress?

För att visa specifika inlägg kan du använda blocket 'Senaste inlägg' och filtrera resultaten efter en specifik kategori eller tagg. För mer avancerad kontroll, visuella byggare som SeedProd låter dig manuellt välja specifika inläggs-ID:n för att skapa en kuraterad lista med innehåll.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du visar inläggsutdrag i WordPress-teman. Du kanske också vill se vår guide om hur man skapar interaktiva bilder i WordPress och våra experttips för bästa WordPress-teman för fullständig webbplatsredigering.

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.