Hur man Customize WordPress Excerpts (Ingen kodning obligatorisk)

WordPress excerpts är korta sammanfattningar av dina posts som visas på din homepage, archives och search-resultat. Customize dem kan förbättra utseendet på din site och öka engagemanget hos användarna.

Med rätt tools kan du dessutom ändra excerpter utan att ha några kodningskunskaper.

Den här guiden visar hur du enkelt kan customize dessa excerpt så att de bättre passar din sites stil och behov.

Video Tutorial

Om du föredrar skriftliga instruktioner är det bara att fortsätta läsa.

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

Låt oss först tala om när det är vettigt att använda excerpt och varför det är en bra idé att göra det.

Som standard visar WordPress hela posts på din home page, blogginlägg och archives på din site.

Vår erfarenhet har dock visat att detta gör en WordPress website långsammare, och det kan också orsaka issues med search engines eftersom det betyder att you kommer att ha duplicerat content på din site.

Att använda excerpt gör att dina pages laddas snabbare eftersom du bara hämtar en liten del av varje artikel. Du kanske vill använda excerpt på:

• Your website’s homepage, om den visar blogginlägg.
• Your various archive pages for categories and tags.
• Your blog post page, om you har en statisk home page.

Många WordPress-teman är konfigurerade att använda excerpt som standard på platser som gillar din home page. Med premium WordPress teman kan du ha alternativet att välja om du vill visa hela posts eller excerpts.

För mer detaljer, se vår artikel om fullständiga posts vs. excerpts för fler skäl att använda excerpts.

Varför du kanske vill customize dina excerpt

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

Som standard använder WordPress de första 55 orden i ditt post, men många teman visar lite mer.

Så vad är det för fel med det? Kan du inte bara save tid genom att låta WordPress komma med excerptet åt dig?

Vår erfarenhet är att detta inte fungerar bra för de flesta websites.

Det autogenererade excerptet börjar med den text som finns i början av din post. Detta kan vara bra i vissa fall, men det fungerar inte så bra om du har något innan du börjar introduktionen av ditt post.

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

Som du kan se visar excerptet texten från början av posten. Detta inkluderar krediten för den utvalda bilden plus en obs/observera om när inlägget senast uppdaterades. Det här ser inte särskilt bra ut.

Om ditt theme inte hanterar excerpt särskilt bra kanske du vill customize dem för att göra dem lättare att läsa och hjälpa dig att få fler clicks för posts.

Med detta sagt, låt oss titta på olika sätt att customize excerpt i WordPress. Du kan använda follow this links för att hoppa till vilken metod du vill:

1. Hur man addar ett Customize excerpt i WordPress (Standard)

Att lägga till ett custom excerpt i WordPress är ganska enkelt. Först måste du skapa ett new post eller editera ett befintligt.

I den högra panelen i WordPress content editor bör du se ”Excerpt” dropdown. Klicka på nedåtpilen bredvid den.

Den förstoras och visar boxen med excerpten.

Du kan skriva ditt custom post excerpt här. Vi kopierade helt enkelt det första stycket i vår post själv.

Note: Om du fortfarande använder den gamla klassiska editorn måste du clicka på tabben ”Screen Options” högst upp i högra hörnet. Sätt sedan en check i boxen ”Excerpt”. Du kommer nu att se ett utrymme för ditt excerpt under den box där du skriver din post.

Ditt WordPress theme kommer nu att använda det customize excerptet för den här posten.

Som du kan se visas inte länken Läsa mer efter excerptet. Beroende på vilket theme you använder kanske customize excerpt inte har den här länken.

Läsaren kan fortfarande klicka på inläggets rubrik eller inläggets featured image för att läsa hela ditt inlägg.

2. Ändra längden på excerpt

Om du vill ändra längden på excerpten på din site kan du använda det gratis tillägget WPCode. Det är ej ej endast det enklaste och säkraste sättet att add to custom code till din site, utan det kommer även med ett stort bibliotek av förkonfigurerade code snippets.

Vi kommer att använda ett av dessa built-in snippets idag.

Till att börja med måste du installera och aktivera WPCode. För mer detaljer kan du kontrollera vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

När du är aktiverad kan du gå till Code Snippets ” Add Snippet i din WordPress adminpanel och search efter ”excerpt”.

Håll musen över resultatet med titeln ”Ändra excerptets längd” och klicka på knappen ”Använd snippet”.

Pluginet kommer sedan att infoga följande code snippet åt you:

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

Efter det kommer du att se vyn ”Edit Snippet”. WPCode har redan förkonfigurerat alla Settings åt you.

Som standard kommer detta snippet att limit excerptet till 40 ord. Du kan justera antalet på rad 5 till vad som fungerar bäst för din WordPress blogg.

När du har ställt in längden på det excerpt du vill ha behöver du bara toggle omkopplaren till ”Active” och clicka på knappen ”Update”.

När you nu besöker din site kommer de förkortade excerpten att finnas där ditt theme visar dem.

Under är ett exempel på hur det skulle gilla att använda temat Twenty Twenty-Two och ställa in WPCode snippet för att visa 5 ord.

Observera att snippet från WPCode endast fungerar med de standard excerpt som WordPress genererar.

Ändra längden på excerpten i Custom

Om du vill ändra längden på anpassade excerpt måste du add to ett separat, customize snippet i WPCode. Det är mycket användarvänligt att copy and paste code snippets till WordPress, och eftersom vi använder WPCode följer det många av samma steg som ovan.

Först navigerar du till Code Snippets ” Add Snippet. Bara hovera musen över ”Add Your Custom Code (New Snippet)” och klicka på knappen ”Use Snippet”.

Därefter ser du sidan ”Create Custom Snippet”.

Du måste nu ge ditt nya snippet en titel och sedan klistra in följande kod i fältet ”Code Preview”:

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

You can change the value for $excerpt_length on Line 3 to choose how many words your custom excerpt will be.

Dessutom kommer redigering av texten som är markerad under på Line 4 att ändra ankartexten för Läsa mer-länken när excerptet trimmas.

När du har anpassat snippet till dina behov, se till att ”Code Type” är inställd på ”PHP Snippet”.

Sedan kan du gå vidare och toggle omkopplaren till ”Aktiv” och klicka på knappen ”Save Snippet”.

Nu, när du besöker din site, kommer du att se att dina customize excerpt är förkortade till den längd du valde på rad 3.

3. Changed Läsa mer text för excerpt

Förutom snippet ovan kan du också använda WPCode snippet-biblioteket för att ändra ”Läsa mer”-texten som visas med excerpt i de flesta teman.

Installera och aktivera bara det gratis tillägget WPCode. För mer information kan du följa vår Step-by-Step guide om hur du installerar ett WordPress plugin.

När du är aktiverad kan du gå till Code Snippets ” Add Snippet i din adminpanel. Därifrån söker du bara efter ”excerpt” och hoverar musen över resultatet med titeln ”Ändra Läsa mer-text för utdrag.

You can click the ”Use Snippet” button to go to the ”Edit Snippet” page. WPCode har redan förkonfigurerat code snippet åt you och är som standard inställt på att säga ”Read the whole post”.

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

När du är nöjd med din new text, toggle switch till ”Active” och click the ”Update” button.

4. Displaying Excerpts in Your Theme

De flesta populära teman för WordPress har built-in support för att visa custom excerpts på dina posts.

Vissa teman kanske dock inte har stöd för excerpt. Om så är fallet för your, måste du manuellt ändra templates för dina teman.

Lägga till Post Excerpt i Block Themes

Om du använder ett block editor-tema kan du gå till sidan Appearance ” Editor för att editera ditt theme i Site Editor.

Detta kommer att öppna Site Editor. Click on the template you want to edit from the left sidebar or simply point at the area where your posts are displayed.

Den fullständiga Site Editor kan visa dina senaste inlägg med hjälp av Query Loop-blocket, vilket är det vanliga sättet att visa en lista över poster.

När du har lagt till slingblocket Query måste du klicka på knappen ”Choose” för att välja ett mönster.

WordPress innehåller flera layouts som mönster för sökningsslingan, du kan välja mellan grid, tabell, lista och mer.

Den genererade templates för post kommer nu automatiskt att visa your post excerpt.

Det enda du kan ändra här är dock texten Läsa mer.

Lägga till Post Excerpt i Classic Themes

Om du använder ett klassiskt tema kan du add to ett post excerpt genom att skapa ett barntema och lägga till lite kod.

Detta lägger till en viss komplexitet i processen, och om du är obekvä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 barntema behöver du den template som används för att visa de pages som du vill ändra. Se vår guide till mall-hierarki i WordPress för att ta reda på vilken mall du behöver editera.

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

I var och en av dessa filer måste du hitta den här raden:

<?php the_content(); ?>

Därefter måste du ersätta den med the_excerpt tagged gillar detta:

<?php the_excerpt(); ?>

Import: Vi rekommenderar inte den här metoden för Beginnare. Även om du är ganska erfaren med WordPress, kanske du vill undvika att skapa ett barntema och editera dina template-filer.

De två följande metoderna är bra alternativ.

5. Visa början på dina publicerade posts med More Tag

Ett annat sätt att skapa en kortversion av ditt post för din WordPress homepage och archive pages är genom att använda taggen ”More”.

Detta fungerar lite annorlunda än ett excerpt. Istället för att skapa ett snippet med enbart text av ditt post, låter More tagged dig bryta av ditt post vid en viss punkt.

Detta innebär att endast den första delen av ditt post (fram till taggen) kommer att visas i listan över posts på din homepage, categories page, och så vidare. Fördelen med More tagged är att den behåller all your format.

Kl. där du placerar More taggen kommer WordPress att visa en ”Läsa mer”-länk. Läsare kan clicka på denna för att gå till hela your post. De kommer också automatiskt att hoppa till rätt punkt i posten.

För att skapa en More tag, skapa en new post eller edit en befintlig.

Därefter måste du add to ett block där du vill att More taggen ska placeras. Välj More-blocket från Layout Options section eller sök efter det med hjälp av sökfältet.

Så här kommer More tagged att se ut i content editor.

Alternativt kan du välja att dölja innehållet före More tagged på den faktiska posten.

Note: Du kan också add to en More tag i den gamla klassiska Editorn. Click där du vill placera taggen i själva posten och klicka sedan på knappen More i den visuella toolbaren.

Praktiskt taget alla teman kommer att kunna använda taggen More var som helst där posts visas. Obs/observera att om ditt theme visar excerpt måste du dock customize själva excerptet. Du kan inte ändra det genom att lägga till en More tagged till posts.

6. Lägga till Custom WordPress Excerpts med hjälp av Plugin

Vad händer om WordPress built-in customomize excerpts-funktionalitet inte gör vad du vill … och du inte heller vill använda en More tagged?

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

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

Om du inte har installerat ett tillägg tidigare kan du läsa våra Step-by-Step-instruktioner om hur du installerar ett plugin för WordPress.

När du har aktiverat den kan du gå till Settings ” Excerpt för att ställa in hur den ska fungera.

Här kan du ändra saker som gillar hur många tecken eller ord excerptet kommer att visas. You can decide whether to allow the excerpt to cut off mid-word or mid-sentence, too.

Du kan också återställa länken ”Läsa mer” som normalt försvinner från customize excerpt. Du kan även ändra detta till vilken text du vill och ändra hur det fungerar:

Tips: För att använda custom excerpts med detta plugin, avmarkera boxen ”Generate excerpts even if a post has a custom excerpt attached.

Det gillar så här.

När du har ändrat inställningarna för Advanced Excerpt, se till att du clickar på knappen ”Save” längst ner på vyn.

Med pluginet Advanced Excerpt kommer dina excerpt att bevara ditt posts format. Här är ett autogenererat excerpt med pluginet aktiverat.

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

Som standard kommer Advanced Excerpt plugin att använda excerpt på din home page, RSS-flöde och andra archive sidor.

Det gör inga ändringar i ditt content, och om du vill stänga av det kan du helt enkelt deactivate pluginet.

Vi hoppas att den här artikeln hjälpte dig att enkelt customize WordPress excerpt utan någon kodning. Du kanske också gillar vår lista över de tillägg som varje företags site måste ha eller vår guide om hur man visar blogginläggs meta data i WordPress-teman.

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.