Hur man fixar featured image som inte visas i WordPress

Letar du efter sätt att fixa din featured image som inte visas i WordPress?

Featured images ger besökarna en glimt av vad som kommer att komma i dina blogginlägg och pages. Så när de inte dyker upp på din site kan det vara frustrerande och omedelbart skada dina click through rates.

Med detta sagt, i den här artikeln visar vi hur du fixar featured images som inte visas i WordPress så att ditt content får fler clicks och engagemang.

Varför visas inte featured image i WordPress?

Featured images visas på din listsida för blogginlägg och ibland på inläggets header. I likhet med YouTube thumbnails är målet med den featured image att öka sidvisningar och användarnas engagement.

Dessutom används featured images också för att representera enskilda artiklar i senaste inlägg och archive and search pages.

Utöver det anger stilen på dina featured images tonen för resten av ditt blogginlägg.

Nästan alla WordPress themes allow you to upload featured images and give you the ability to display them across different areas of your site, such as the sidebar menu or the main content area.

Om du felsöker det här problemet kanske du vill kontrollera vår tutorial om hur du lägger till featured images eller inläggsminiatyrer i WordPress. Det är viktigt att du vet hur man uploadar featured images först.

Det kan vara lätt att av misstag ladda upp en cover image istället för en featured image, eller så kanske du till och med har ett theme som lägger till den första bilden i ett inlägg så att den visas som inläggsminiatyr automatiskt.

Med det i åtanke, låt oss dyka in i hur man fixar potentiella problem som kan komma upp. Använd gärna våra links för att hoppa till det problem som du för närvarande står inför.

1. Fixa HTTP Error när du laddar upp en Featured Image

Om du försöker uploada en featured image med en stor filstorlek kan du få det vaga meddelandet ”HTTP error”. Ofta betyder detta att image-filen är för stor eller att du måste öka din webbplats minnes limit för att allow för större uppladdare till din WordPress webbplats.

Det finns två huvudsakliga sätt att fixa det här problemet. Men först, se till att logga ut från WordPress och sedan in igen. Många gånger kommer det att allow you att uploada images som normalt igen.

Om ej, prova då någon av de två följande metoderna:

1. Minska storleken på image-filen.
2. Öka limiten för minnet i WordPress.

Låt oss först börja med den enklare metoden, att minska storleken på din image-fil. Om storleken är en issue kanske du vill byta till formatet WebP, JPEG eller PNG. JPEG är ett komprimerat format som minskar bildkvaliteten något för att avsevärt minska den till en mindre filstorlek, och WebP-filer är mycket små till att börja med.

Därefter vill du komprimera filstorleken med hjälp av ett verktyg för komprimering av images, t.ex. TinyPNG eller JPGmini.

Allt du behöver göra är att uploada imagen till toolet, och sedan kan du downloada den komprimerade versionen av filen.

För mer information, ta en titt på vår guide om hur du optimerar images för webbprestanda utan att förlora kvalitet.

Om du redan har komprimerat image-storleken och fortfarande har att göra med HTTP error, kanske du vill öka din WordPress memory limit. Du kan helt enkelt kontakta din nuvarande hosting provider och requesta att förstora din PHP limit eller uppgradera din hosting plan.

Men du kan också ändra PHP:s minneslimit, vilket är obligatoriskt om du vill ändra wp-config.php- eller .htaccess-filerna. I båda fallen behöver du en FTP-klient eller filhanterare.

För denna metod är det en bra idé att använda ett plugin som WPCode, vilket gör att du kan add customizes utan att bryta din website. WPCode är det bästa code snippets pluginet på marknaden, med över 2 000 000 000 miljoner webbplatser som använder det för att framtidssäkra sina website customizes med code snippets.

Om du vill editera .htacess-filen måste du heada över till WordPress-webbplatsens rotfolder. Sedan, före raden som säger ”#END WORDPRESS”, kan du klistra in följande kod:

define( 'WP_MEMORY_LIMIT', '256M' );

För mer detaljer om hur du ökar din minnes limit, kontrollera vår tutorial om hur man fixar WordPress minnesutmattnings error för att öka PHP-minnet.

2. Fixa tillägg eller teman

Vissa themes och tillägg till WordPress kan begränsa imagen från att visas.

De flesta teman i WordPress visar automatiskt dina featured images, men vissa kräver manuell inställning av administratören. I så fall kan du behöva kontrollera dina WordPress temainställningar eller kontakta ditt temas support för hjälp.

För mer information, kontrollera vår ultimata guide om hur du använder WordPress Theme Customize.

Om temat inte orsakar issue kan du också kontrollera om dina tillägg är den primära boven i dramat.

Börja med att updating alla dina tillägg.

Om det inte fixar problemet, fortsätt och inaktivera alla dina tillägg och reactivate dem sedan en efter en.

Efter varje install kan du kontrollera om de featured images dyker upp förmodligen. Om den featured image misslyckas, vet du vilket plugin som orsakar problemet.

Du kan också använda pluginet Health Check & Troubleshoot. Detta gratis plugin utför en serie kontroller för att upptäcka konfiguration och kända error i dina tillägg och themes.

Om du behöver hjälp med installationen kan du läsa vår guide om hur du installerar ett plugin till WordPress.

När du är aktiverad, heada över till Tools ” Site Health. Här får du en lista med rekommendationer som hjälper dig att förbättra din WordPress säkerhet och prestanda.

Du kan se here att det finns ett antal outdated och inaktiverade tillägg och teman installerade som behöver åtgärdas. Klicka bara på de angivna links för att hantera eller update your plugins.

3. Inaktivera lazy loading

Lazy loading är en funktion som hjälper till att förbättra hastigheten på din page och WordPress prestanda genom att snabbt lägga till content och det synliga area först.

En snabbare website förbättrar rankingen eftersom search engines som Google anser att hastighet är en viktig faktor för ranking.

I grund och botten stoppar lazy loading laddningen av images på en page tills den kommer till view på vyn. Till exempel behöver den sista bilden i ett långt blogginlägg inte hämta förrän användaren faktiskt rullar ner och når den bilden.

Med det sagt kan lazy loading orsaka problem med featured images eftersom vissa tillägg för lazy loading kan behandla featured images som vanliga foton. Detta kan leda till att den utvalda bilden laddas långsamt eller blockera den helt från att visas på listan över senaste inlägg.

Dessutom kommer vissa plugins för optimering av images att ha lazy loading-funktionalitet som en utökning. Därför bör du kontrollera varje installerat plugin för att se om den här funktionen är aktiverad.

You may want to turn off the lazy loading feature in your plugins and clear the cache to see if it resolves the featured image problem.

Vissa tillägg allow you att utesluta vissa foton från lazy loading. Om så är fallet kan du inaktivera den här funktionen endast för den första bilden i dina blogginlägg så att du fortfarande kan dra nytta av lazy loaded utan att påverka dina utvalda bilder.

Du kan enkelt inaktivera kod genom att customize code snippet med WPCode. Först måste du heada över till Code Snippets ” + Add Snippet page från WordPress dashboard.

Sedan är allt du behöver göra att copy and paste denna PHP-kod i rutan ”Code Preview”:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Så här ska det se ut när det klistras in.

Se till att du också selectar ”PHP Snippet” som Code Type.

Slutligen, se till att du slår på plugin så att det är aktivt och tryck på knappen ”Save Snippet”.

För mer details, kontrollera vår Step-by-Step tutorial om hur du inaktiverar lazy load på rätt sätt i WordPress.

4. Ändra behörigheter för användarroller för att tillåta uppladdning av Featured Image

WordPress erbjuder sex standard användarroller för att hantera all användarens åtkomst och action på en site.

Om du inte är webbplatsens ägare är chansen stor att du ej har den obligatoriska rollen som användare för att kunna uploada eller viewa featured images.

All you behöver bara se till att dina användares roller och behörigheter är korrekt inställda.

Ett enkelt sätt att fixa denna issue är att använda ett plugin som gillar User Role Editor så att du kan ändra roller och capabilities på ett ställe.

Gå bara till Users ” User Role Editor i din WordPress dashpanel.

Härifrån väljer du den roll som du vill ändra under ”Select Role” och ändrar dess capabilities. I det här fallet väljer vi författaren.

Använd sedan alternativet ”Snabbfilter” och leta efter ”upload_files”.

Slutligen klickar du bara på knappen ”Update” för att göra ändringarna.

Detta plugin tillåter dig också att skapa nya custom roller och ge dem tillgång till behörigheter som du väljer.

5. Fix Featured Image visas inte på en blogginlägg Gallery Page

Ett av de bästa sätten att använda utvalda images är genom att visa upp dina blogginlägg på din websites homepage.

Men vad händer om de featured images inte visas på bloggens page?

För att fixa det här problemet, gå och edit din home page eller någon annan sida som du gillar att ha featured images visas.

Click on the ’+’ icon and add the ’Latest Posts’ block to the post on the page. Härifrån kommer du att se länkar till dina senaste inlägg visas.

Click på blocket och aktivera alternativet ”Display featured image”.

Du kan justera de andra inställningarna, till exempel justering och storlek på featured image, så att de passar din page.

Härifrån bör dina featured images visas i galleriet för ditt blogginlägg.

Så här kommer det att se ut när featured images dyker upp.

6. Add Custom Code to Fix Featured Image Issues

Ibland är inläggsminiatyrer inte klickbara på grund av ditt nuvarande WordPress theme, som kanske inte har support för den specifika funktionen.

Kanske vill du add to dina featured images till RSS-flöden eller display the featured image in the list of posts in the admin area.

Alla dessa saker kan göras med WPCode.

Efter aktivering, head över till Code Snippets ” + Add Snippet. Du kommer att skickas till ett bibliotek med förgjorda alternativ för anpassad kod.

Skriv ’featured image’ i sökfältet så att du ser alla tillgängliga alternativ för anpassad kod för att lägga till featured images på din webbplats.

Härifrån väljer du bara ditt önskade alternativ.

Låt oss till exempel säga att vi vill add to featured image columns till vår WordPress dashboard. Håll bara hovern över alternativet och select ”Use Snippet”.

Du kommer då till en page där du kan edit snippet.

Koden är dock redan förinställd, så du behöver inte mixtra med koden eller Settings.

Men om du behöver enter koden manuellt, kan du copy and paste från under:

add_filter( 'manage_posts_columns', function ( $columns ) {
	// You can change this to any other position by changing 'title' to the name of the column you want to put it after.
	$move_after     = 'title';
	$move_after_key = array_search( $move_after, array_keys( $columns ), true );

	$first_columns = array_slice( $columns, 0, $move_after_key + 1 );
	$last_columns  = array_slice( $columns, $move_after_key + 1 );

	return array_merge(
		$first_columns,
		array(
			'featured_image' => __( 'Featured Image' ),
		),
		$last_columns
	);
} );

add_action( 'manage_posts_custom_column', function ( $column ) {
	if ( 'featured_image' === $column ) {
		the_post_thumbnail( array( 300, 80 ) );
	}
} );

Sedan togglar du bara knappen för att aktivera det anpassade code snippet och trycker sedan på ”Update”.

Sedan kan du heada över till Posts ” All Posts page i din admin.

Du bör se att inläggsminiatyrerna visas.

Du kanske också vill läsa vårt inlägg om hur du automatiskt länkar featured images till inlägg i WordPress eller vår tutorial om hur du lägger till inläggsminiatyrer till dina WordPress RSS-flöden.

Fixa WordPress Featured Image som inte visas i rätt storlek

Ibland kanske din WordPress-featured image inte dyker upp i rätt storlek. Det är bäst att förstå de bästa metoderna för featured images så att du kan undvika issues i första hand.

Välja rätt grafik för featured images

Den optimala storleken på featured images för rektangulära featured images är 1200 x 687 pixlar. För teman som använder fyrkantiga featured images är den bästa storleken 600 x 600 pixlar.

För mer detaljer, läs vår guide om hur du gör grundläggande image edit i WordPress.

Ändra standardstorlekar för images i WordPress

Om thumbnailerna i din blogg appear way too small or big, you can manually edit the standard image sizes.

WordPress skapar automatiskt kopior av dina featured images för att add to olika areas på din website, t.ex. blog page, archive pages och homepage.

WordPress themes kommer med sina egna bilddimensioner, men ibland kanske du ändå vill ändra storleken på din featured image.

Head över till Settings ” Media från din WordPress admin area. I fälten Thumbnail size enter du sedan de nya dimensionerna för din featured image.

För mer detaljer, kontrollera vår Beginner’s guide till WordPress image storlekar.

Featured Images visas inte på Facebook

Featured images hämtas från WordPress och är populära på sociala media-plattformar genom användning av Open Graph.

Det är en teknik som allow social media sites gillar Facebook att förstå och display content från en website. Open Graph-metataggar kan addas till enskilda inlägg och pages för att kontrollera hur de visas vid delning. Dessa tags innehåller information som titel, description och featured image för innehållet.

Det enklaste sättet att se till att alla featured images visas på Facebook är att använda All in One SEO. Det är det bästa pluginet för sökmotorsoptimering för WordPress som hjälper till att förbättra och optimera din website för högre ranking i sökningar.

När du är aktiverad, head över till All in One SEO ” Social Networks. Se sedan till att du aktiverar alternativet ”Aktivera Open Graph Markup” under fliken Facebook.

Detta visar automatiskt en preview av dina blogginlägg med en featured image och ett kort text excerpt.

För mer detaljer, kontrollera vår guide om hur du lägger till Facebook Open Graph meta data i WordPress teman.

Vi hoppas att den här artikeln hjälpte dig att fixa featured image som inte visas på WordPress. Du kanske också vill kontrollera vår lista över de vanligaste WordPress-felen och hur du fixar dem, tillsammans med vår guide om hur du ökar trafiken på din blogg.

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.