Hur man visar inläggsammanfattningar i WordPress-teman

Utdrag ger en kort förhandsgranskning av ditt innehåll, vilket gör det möjligt för besökare att snabbt förstå vad varje inlägg handlar om och uppmuntrar dem att klicka sig vidare för mer. Detta är särskilt användbart för blogglistor, arkiv och sökresultatsidor.

Genom att visa inläggsutdrag kan du göra din webbplats layout visuellt tilltalande och minska dess laddningstid. De flesta WordPress-teman visar dock inte inläggsutdrag som standard. Du måste konfigurera detta själv.

På WPBeginner visar vi alltid utdrag av våra artiklar på både hem- och bloggsidorna. Detta tillvägagångssätt gör att vi kan lyfta fram fler inlägg direkt, vilket gör det lättare för besökare att bläddra igenom vårt innehåll. Vi har också stor erfarenhet av att anpassa WordPress-teman och optimera bloggar.

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. Detta är dock inte den bästa upplevelsen för användare som snabbt vill bläddra igenom de olika inläggen och hitta det de vill läsa först.

Det kan också innebära mycket scrollande, vilket är ett stort problem för användare av smartphones och surfplattor.

När du publicerar fler inlägg kan WordPress också dela upp dina bloggar över flera sidor med hjälp av paginering. När dina äldre inlägg flyttas till andra sidor, kommer de ofta att få mycket färre visningar och mindre engagemang.

Av denna anledning visar många bloggägare inläggsutdrag på sina arkiv- och bloggindexsidor istället. Eftersom endast en del av varje artikel laddas, kan detta öka din WordPress hastighet och prestanda.

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

Med det sagt, låt oss 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 har 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)
• Metod 2: Lägg till inläggsutdrag med hjälp av Full Site Editor (endast blockteman)
• Metod 3: Lägg till inläggsutdrag i WordPress med en temabyggare (avancerat)
• Bonus: Visa utdrag för lösenordsskyddat innehåll

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.

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.

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.

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.

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.

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.

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.

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.

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

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.

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.

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.

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

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.

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.

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.

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

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.

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 'Bloggindex, arkiv, sök' 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.

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.

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

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 dess begränsning 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.

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.