Hur man anpassar WordPress-utdrag (ingen kodning krävs)

Som en erfaren marknadsförare eller bloggare vet du redan hur de första raderna i en artikel omedelbart kan fånga läsare. Men hur ser du till att din WordPress-webbplats visar de mest intressanta krokarna i utdragen över hela din webbplats?

WordPress-utdrag fungerar som sammanfattningar av dina inlägg och visas på din startsida, arkiv och sökresultat. De ger läsarna en glimt av vad ditt innehåll handlar om och hjälper dem att avgöra om de ska klicka sig vidare.

I den här guiden visar vi dig hur du anpassar WordPress-utdrag utan att skriva någon kod. Du kommer att lära dig hur du får dina utdrag att arbeta hårdare för dig på bara några steg.

När och varför du bör använda utdrag i WordPress

Vi har märkt att användning av utdrag kan göra stor skillnad för hur din WordPress-webbplats presterar. Det är ett enkelt sätt att snabba upp din webbplats och undvika problem med dubblettinnehåll.

Som standard visar WordPress hela inlägg på din startsida, bloggsida och arkiv. Även om detta kan verka bekvämt, kan det sakta ner din webbplats och skapa dubbelt innehåll, vilket sökmotorer inte gillar.

Att byta till utdrag innebär att dina sidor laddas snabbare eftersom endast ett utdrag av varje artikel laddas. Här är några platser där det är vettigt att använda utdrag:

• Din startsida, om den visar blogginlägg
• Dina arkivsidor för kategorier och taggar
• Din bloggsida, särskilt om du använder en statisk startsida

De flesta WordPress-teman är redan inställda för att använda utdrag på din startsida och arkivsidor. Om du använder ett premiumtema kan du till och med få alternativ för att växla mellan hela inlägg och utdrag.

För mer information, kolla in vår guide om hela inlägg kontra utdrag. Den förklarar ännu fler skäl till varför utdrag är ett utmärkt val.

Varför du kanske vill anpassa dina utdrag

Om ditt WordPress-tema använder utdrag som standard, kommer WordPress automatiskt att generera ett utdrag åt dig.

Som standard använder WordPress de första 55 orden i ditt inlägg, även om många teman visar lite mer.

Så vad är fel med det? Kan du inte bara spara tid genom att låta WordPress komma på utdraget åt dig?

Efter vår erfarenhet fungerar detta inte bra för de flesta webbplatser.

Det automatiskt genererade utdraget börjar med den text som finns i början av ditt inlägg. Detta kan vara bra i vissa fall, men det fungerar inte så bra om du har något före din inlednings text.

Här är ett exempel från en webbplats som använder Ribosome-temat:

Som du kan se visar utdraget texten från början av inlägget. Detta inkluderar krediteringen för den framhävda bilden plus en notering om när inlägget senast uppdaterades. Detta ser inte bra ut.

Om ditt tema inte hanterar utdrag särskilt bra, kanske du vill anpassa dem för att göra dem lättare att läsa och hjälpa dig att få fler klick på inlägg.

Med det sagt, låt oss titta på olika sätt att anpassa utdrag i WordPress. Du kan använda följande länkar för att hoppa till den metod du vill ha:

1. Hur man lägger till ett anpassat utdrag i WordPress (standard)

Att lägga till ett anpassat utdrag i WordPress är ganska enkelt. Först måste du skapa ett nytt inlägg eller redigera ett befintligt.

I högerpanelen 'Inlägg' i WordPress innehållsredigerare, bör du se länken 'Redigera utdrag' precis under inläggets titel och utvalda bild.

Om du klickar på den visas rutan för utdrag där du kan skriva din sammanfattning av inlägget.

Du kan skriva ditt anpassade inläggsutdrag här. Vi kopierade helt enkelt det första stycket från vårt eget inlägg.

Ditt WordPress-tema kommer nu att använda det anpassade utdraget för detta inlägg.

Som du kan se visas inte länken Läs mer efter utdraget. Beroende på vilket tema du använder kanske anpassade utdrag inte har den här länken.

Läsaren kan fortfarande klicka på inläggstiteln eller inläggets utvalda bild för att läsa hela ditt inlägg.

2. Ändra utdragslängden

Om du vill ändra längden på utdrag på din webbplats kan du använda det kostnadsfria WPCode-pluginet.

Enligt vår mening är WPCode det enklaste sättet att hantera anpassad kod i WordPress. Det levereras med ett användbart bibliotek med dussintals vanliga WordPress-kodavsnitt som hjälper dig att anpassa WordPress utan att installera ytterligare plugins.

För mer detaljer, se vår kompletta WPCode-recension.

I det här avsnittet kommer vi att använda ett av WPCode:s inbyggda kodavsnitt.

För att börja behöver du installera och aktivera WPCode. För mer information kan du ta en titt på vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

När den är aktiverad kan du gå till Kodavsnitt » Lägg till kodavsnitt i din WordPress-adminpanel och sök efter 'utdrag'.

Håll musen över resultatet med titeln ‘Ändra utdragslängd’ och klicka på knappen ‘Använd avsnitt’.

Pluginet kommer sedan att infoga följande kodavsnitt åt dig:

add_filter(
	'excerpt_length',
	function ( $length ) {
		// Number of words to display in the excerpt.
		return 40;
	},
	500
);

Efter det kommer du att se skärmen 'Redigera utdrag'. WPCode har redan förkonfigurerat alla inställningar åt dig.

Som standard kommer detta kodavsnitt att begränsa utdraget till 40 ord. Du kan justera numret på rad 5 till vad som fungerar bäst för din WordPress-blogg.

När du har ställt in den längd på utdraget du vill ha, behöver du bara växla omkopplaren till 'Aktiv' och klicka på knappen 'Uppdatera'.

Nu, när du besöker din webbplats, kommer de förkortade utdragen att finnas där ditt tema visar dem.

Nedan är ett exempel på hur det skulle se ut med temat Twenty Twenty-Two och inställningen att WPCode-utdraget ska visa 5 ord.

Observera att kodavsnittet från WPCode endast fungerar med standardutdragen som WordPress genererar.

Ändra längden på anpassade utdrag

Om du vill ändra längden på anpassade utdrag måste du lägga till en separat, anpassad snippet i WPCode. Det är väldigt enkelt att kopiera och klistra in kodsnuttar i WordPress, och eftersom vi använder WPCode följer det många av samma steg som ovan.

Navigera först till Kodavsnitt » Lägg till avsnitt. Håll bara musen över ‘Lägg till din anpassade kod (nytt avsnitt)’ och klicka på knappen ‘+ Lägg till anpassat avsnitt’.

Därefter ser du sidan 'Skapa anpassad snippet'.

Du kommer nu att behöva ge ditt nya utdrag en titel och sedan klistra in följande kod i fältet 'Kodförhandsgranskning':

add_filter( 'get_the_excerpt', function( $excerpt, $post ) {
	
	$excerpt_length = 40; // Change excerpt length 
	$excerpt_more   = '...<br><br><a href="' . get_permalink($post->ID) . '">Read More »</a>'; // Add ellipsis and 'Read More' permalink text when trimmed
	
    if ( has_excerpt( $post ) ) {
        $excerpt = wp_trim_words( $excerpt, $excerpt_length, $excerpt_more );
    }
	
    return $excerpt;
	
}, 10, 2 );

Du kan ändra värdet för $excerpt_length på rad 3 för att välja hur många ord ditt anpassade utdrag ska vara.

Dessutom kommer redigering av texten som är markerad nedan på rad 4 att ändra ankaretexten för länken Läs mer när utdraget trunkeras.

När du har anpassat kodavsnittet efter dina behov, se till att 'Kodtyp' är inställd på 'PHP-avsnitt'.

Sedan kan du fortsätta och växla omkopplaren till 'Aktiv' och klicka på knappen 'Spara utdrag'.

Nu, när du besöker din webbplats, kommer du att se att dina anpassade utdrag har förkortats till den längd du valde på rad 3.

3. Ändra texten 'Läs mer' för utdrag

Utöver kodavsnittet ovan kan du även använda kodavsnittsbiblioteket WPCode för att ändra texten 'Läs mer' som visas med utdrag i de flesta teman.

Installera och aktivera bara det kostnadsfria WPCode-pluginet. För mer information kan du följa vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

När den är aktiverad kan du gå till Kodavsnitt » Lägg till kodavsnitt i din adminpanel. Sök därifrån bara efter 'utdrag' och för muspekaren över resultatet med titeln 'Ändra Läs mer-text för utdrag'.

Du kan klicka på knappen "Använd kodavsnitt" för att gå till sidan "Redigera kodavsnitt". WPCode har redan förkonfigurerat kodavsnittet åt dig och är som standard inställt på att säga "Läs hela inlägget".

Du kan dock ersätta texten på rad 4 med vad du vill.

När du är nöjd med din nya text, växla bara omkopplaren till ‘Aktiv’ och klicka på knappen ‘Uppdatera’.

4. Visa utdrag i ditt tema

De flesta populära WordPress-teman har inbyggt stöd för att visa anpassade utdrag på dina inlägg.

Vissa teman har dock kanske inte stöd för utdrag. Om så är fallet för ditt tema, måste du manuellt ändra dina temamallar.

Lägga till inläggsutdrag i blockteman

Om du använder ett blocktema kan du gå till sidan Utseende » Redigerare för att redigera ditt tema i webbplatsredigeraren.

Detta öppnar webbplatsredigeraren. Klicka på mallen du vill redigera från sidofältet till vänster eller peka helt enkelt på området där dina inlägg visas.

Redigeraren för hela webbplatsen kan visa dina senaste inlägg med hjälp av Query Loop-blocket, vilket är standardmetoden för att visa en lista över inlägg.

Efter att ha lagt till Query loop-blocket måste du klicka på knappen 'Välj' för att välja ett mönster.

WordPress inkluderar flera layouter som mönster för Query Loop, du kan välja mellan rutnät, tabell, lista och mer.

Den genererade inläggsmallen kommer nu automatiskt att visa ditt inläggsutdrag.

Det enda du kan ändra här är dock texten 'läs mer'.

Lägga till inläggsutdrag i klassiska teman

Om du använder ett klassisk tema, kan du lägga till ett inläggsutdrag genom att skapa ett barn-tema och lägga till lite kod.

Detta lägger till en viss komplexitet i processen, och om du inte är bekväm med det, kan du använda metod 3 i den här artikeln, som inte kräver att du lägger till någon kod.

I ditt barn-tema behöver du mallen som används för att visa de sidor du vill ändra. Se vår guide till WordPress mallhierarki för att ta reda på vilken mall du behöver redigera.

Filnamnen kommer att skilja sig något beroende på ditt tema, men du letar troligen efter home.php, content.php, archive.php och category.php.

I var och en av dessa filer behöver du hitta den här raden:

<?php the_content(); ?>

Därefter måste du ersätta den med taggen the_excerpt på följande sätt:

<?php the_excerpt(); ?>

Viktigt: Vi rekommenderar inte denna metod för nybörjare. Även om du är ganska erfaren med WordPress, kanske du vill undvika att skapa ett barn-tema och redigera dina mallfiler.

De två nästa metoderna är utmärkta alternativ.

5. Visa början av dina inlägg med Mer-taggen

Ett annat sätt att skapa en kort version av ditt inlägg för din WordPress-hemsida och arkivsidor är att använda ‘Mer’-taggen.

Detta fungerar lite annorlunda än ett utdrag. Istället för att skapa ett textbaserat utdrag av ditt inlägg, låter Mer-taggen dig bryta ditt inlägg vid en viss punkt.

Detta innebär att endast den första delen av ditt inlägg (fram till taggen) kommer att visas i listan över inlägg på din startsida, kategorisida och så vidare. Fördelen med More-taggen är att den behåller all din formatering.

Vid den punkt där du placerar Mer-taggen kommer WordPress att visa en 'Läs mer'-länk. Läsare kan klicka på denna för att gå till ditt hela inlägg. De kommer också automatiskt att hoppas till rätt punkt i inlägget.

För att skapa en Mer-tagg, skapa ett nytt inlägg eller redigera ett befintligt.

Därefter behöver du lägga till ett block där du vill att Mer-taggen ska placeras. Välj Mer-blocket från avsnittet Layoutalternativ eller sök efter det med hjälp av sökfältet.

Så här kommer Mer-taggen att visas i innehållsredigeraren.

Du kan också välja att dölja innehållet före "Mer"-taggen i det faktiska inlägget.

Observera: Du kan också lägga till en "Mer"-tagg i den gamla klassiska redigeraren. Klicka där du vill placera taggen i själva inlägget och klicka sedan på knappen "Mer" i verktygsfältet för visuellt läge.

Nästan alla teman kommer att kunna använda Mer-taggen var som helst inlägg visas. Observera att om ditt tema visar utdrag, måste du anpassa själva utdraget. Du kan inte ändra det genom att lägga till en Mer-tagg i inlägg.

6. Lägga till anpassade WordPress-utdrag med plugin

Vad händer om WordPress inbyggda funktion för anpassade utdrag inte gör vad du vill ... och du inte heller vill använda en Mer-tagg?

Det finns en enkel lösning. Du kan använda ett plugin för att skapa och visa anpassade utdrag.

Först måste du installera och aktivera pluginet Advanced Excerpt.

Observera: Plugin-sidan kan visa en varning om att den inte har testats med nyare versioner. Vi har dock testat pluginet och det fungerade som förväntat. För mer information, läs vår förklaring om att installera WordPress-plugins som inte har testats.

Om du inte har installerat ett plugin tidigare, ta en titt på våra steg-för-steg-instruktioner om hur man installerar ett WordPress-plugin.

När du har aktiverat det kan du gå till Inställningar » Utdrag för att ställa in hur det fungerar.

Här kan du ändra saker som hur många tecken eller ord utdraget ska visa. Du kan också bestämma om utdraget ska klippas av mitt i ett ord eller mitt i en mening.

Du kan också återställa länken 'Läs mer' som normalt försvinner från det anpassade utdraget. Du kan till och med ändra detta till vilken text du vill och ändra hur det fungerar:

Tips: För att använda anpassade utdrag med detta plugin, avmarkera rutan 'Generera utdrag även om ett inlägg har ett anpassat utdrag kopplat'.

Det ser ut så här.

Efter att ha gjort ändringar i inställningarna för Avancerat utdrag, se till att klicka på knappen 'Spara' längst ner på skärmen.

Med plugin-programmet Advanced Excerpt kommer dina utdrag att bevara din posts formatering. Här är ett automatiskt genererat utdrag med plugin-programmet aktiverat.

Som du kan se har radbrytningen och den kursiva texten behållits.

Som standard använder pluginet Advanced Excerpt utdrag på din startsida, RSS-flöde och andra arkivsidor.

Det gör inga ändringar i ditt innehåll, och om du vill stänga av det kan du helt enkelt inaktivera plugin-programmet.

Videohandledning

Ytterligare resurser

Nedan följer några användbara resurser som du kan ha nytta av när du anpassar WordPress för bättre användarengagemang.

• Hur man lägger till nyckelord och metabeskrivningar i WordPress
• Bästa praxis för Call to Action (CTA) för garanterade konverteringar på landningssidor
• Hur man lägger till Facebook Open Graph Meta Data i WordPress-teman
• Hur man lägger till anpassade meta-fält till anpassade taxonomier i WordPress

Vi hoppas att den här artikeln hjälpte dig att enkelt anpassa WordPress-utdrag utan kodning. Du kanske också gillar vår lista över plugins som varje företagswebbplats måste ha eller vår guide om hur man visar blogginläggs metadata i WordPress-teman.

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.