Hur man fixar att utvalda bilder inte visas i WordPress

En utvald bild som inte visas i WordPress kan vara en stor huvudvärk.

Dessa bilder är viktiga för att fånga dina besökares uppmärksamhet och öka dina klickfrekvenser. När de inte visas kan det vara frustrerande och påverka din webbplats prestanda.

Vi har stött på detta problem på vår blogg då och då, så vi vet hur irriterande det kan vara. Den goda nyheten är att vi vet hur vi ska hantera det.

I den här guiden går vi igenom några enkla steg för att åtgärda att utvalda bilder inte visas i WordPress.

Vad är utvalda bilder och varför visas de inte i WordPress?

Utvalda bilder visas på din blogglistningssida och ibland i inläggets sidhuvud. Liknande YouTube-miniatyrbilder är målet med den utvalda bilden att öka sidvisningar och användarengagemang.

Dessutom används utvalda bilder för att representera enskilda artiklar i inlägg, arkiv och sökresultat.

Dessutom sätter stilen på dina utvalda bilder tonen för resten av ditt blogginlägg.

Nästan alla WordPress-teman låter dig ladda upp utvalda bilder och ger dig möjlighet att visa dem i olika delar av din webbplats, som sidomenyn eller huvudinnehållsområdet.

Om du felsöker detta problem kan du vilja kolla in vår handledning om hur man lägger till utvalda bilder eller miniatyrbilder i WordPress. Det är viktigt att du vet hur du laddar upp utvalda bilder först.

Det kan vara lätt att av misstag ladda upp en omslagsbild istället för en bild, eller så kanske du till och med har ett tema som automatiskt gör den första bilden i ett inlägg till en miniatyrbild.

Med det i åtanke visar vi dig hur du åtgärdar potentiella problem som kan uppstå. Använd gärna våra länkar för att hoppa till det problem du för närvarande står inför:

1. Åtgärda HTTP-felet vid uppladdning av en utvald bild
2. Åtgärda plugins eller teman
3. Inaktivera Lazy Loading
4. Tillåt utvalda bilder för visning
5. Åtgärda att utvald bild inte visas på en blogginläggsgallerisida
6. Add Custom Code to Fix Featured Image Issues

Säg adjö till huvudvärken med saknade utvalda bilder – låt oss dyka in och lösa detta problem tillsammans!

1. Åtgärda HTTP-felet vid uppladdning av en utvald bild

Om du försöker ladda upp en utvald bild med en stor filstorlek kan du få det vaga meddelandet ‘HTTP error’. Ofta betyder det att bildfilen är för stor eller att du behöver öka webbplatsens minnesgräns för att tillåta större uppladdningar till din WordPress-webbplats.

Det finns två huvudsakliga sätt att lösa detta problem. Men först, se till att logga ut från WordPress och sedan logga in igen. Många gånger kommer det att tillåta dig att ladda upp bilder som vanligt igen.

Om inte, prova en av de två följande metoderna:

1. Minska bildfilens storlek.
2. Öka WordPress minnesgräns.

Först, låt oss börja med den enklare metoden, att minska storleken på din bildfil. Om storleken är ett problem, kanske du vill byta till bildformatet WebP, JPEG eller PNG. JPEG är ett komprimerat filformat som minskar bildkvaliteten något för att avsevärt minska filstorleken, och WebP-filer är mycket små från början.

Därefter vill du komprimera filstorleken med ett verktyg för bildkomprimering som TinyPNG eller JPGmini.

Allt du behöver göra är att ladda upp bilden till verktyget, och sedan kan du ladda ner den komprimerade versionen av filen.

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

Om du redan har komprimerat bildstorleken och fortfarande har problem med HTTP-felet kan du vilja öka din WordPress-minnesgräns. Du kan helt enkelt kontakta din nuvarande webbhotell och begära att få utöka din PHP-gräns eller uppgradera din hostingplan.

Du kan dock också ändra PHP-minnesgränsen, vilket kräver att du ändrar filerna wp-config.php eller .htaccess. I båda fallen behöver du en FTP-klient eller Filhanteraren.

För den här metoden är det en bra idé att använda ett plugin som WPCode, som låter dig lägga till anpassningar utan att bryta din webbplats. WPCode är det bästa pluginet för kodavsnitt på marknaden, med över 2 000 000 miljoner webbplatser som använder det för att framtidssäkra sina webbplatsanpassningar med kodavsnitt.

Om du vill redigera .htacess-filen, måste du gå till WordPress-webbplatsens rotmapp. Sedan, före raden som säger '#END WORDPRESS', kan du klistra in följande kod:

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

För mer information om hur du ökar din minnesgräns, kolla in vår handledning om hur du fixar WordPress minnesutrymmesfel för att öka PHP-minnet.

2. Åtgärda plugins eller teman

Vissa WordPress-teman och plugins kan begränsa att bilden visas.

Medan de flesta WordPress-teman automatiskt visar dina utvalda bilder, kräver vissa manuell installation 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, kolla in vår ultimata guide om hur man använder WordPress Theme Customizer.

Om temat inte orsakar problemet kan du också kontrollera om dina plugins är den främsta boven.

Du kan börja med att uppdatera alla dina plugins. Om det inte löser problemet, kan du deaktivera alla dina plugins och sedan aktivera dem en efter en.

Efter varje installation kan du kontrollera om de utvalda bilderna visas korrekt. Om den utvalda bilden misslyckas vet du vilken plugin som orsakar problemet.

Du kan också använda pluginet Health Check & Troubleshooting. Detta gratis plugin utför en serie kontroller för att upptäcka konfigurations- och kända fel i dina plugins och teman.

Om du behöver hjälp med installationen, läs vår guide om hur du installerar ett WordPress-plugin.

När du har aktiverat, gå till Verktyg » Webbplatsens hälsa. Här får du en lista med rekommendationer som hjälper dig att förbättra din WordPress-säkerhet och prestanda.

Här kan du se att det finns ett antal föråldrade och inaktiva plugins och teman installerade som behöver åtgärdas. Klicka helt enkelt på de angivna länkarna för att hantera eller uppdatera dina plugins.

3. Inaktivera Lazy Loading

Lat laddning är en funktion som hjälper till att förbättra din sidhastighet och WordPress-prestanda genom att snabbt lägga till innehåll och det synliga området först.

En snabbare webbplats förbättrar webbplatsens ranking eftersom sökmotorer som Google anser att hastighet är en viktig rankningsfaktor.

I grund och botten stoppar lat laddning laddningen av bilder på en sida tills de syns på skärmen. Till exempel behöver den sista bilden i ett långt blogginlägg inte laddas förrän användaren faktiskt skrollar ner och når den bilden.

Med det sagt kan lat laddning orsaka problem med utvalda bilder eftersom vissa plugins för lat laddning kan behandla utvalda bilder som vanliga foton. Detta kan göra att den utvalda bilden laddas långsamt eller blockeras helt från att visas i listan över senaste inlägg.

Dessutom har vissa plugins för bildoptimering funktion för lat laddning som ett tillägg. Därför vill du kontrollera varje installerat plugin för att se om den här funktionen är aktiverad.

Du kanske vill inaktivera funktionen för lat laddning i dina plugins och rensa cachen för att se om det löser problemet med funktionsbilder.

Vissa plugins låter dig 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 loading utan att påverka dina utvalda bilder.

Du kan enkelt inaktivera kod genom att anpassa kodavsnittet med WPCode. Först måste du gå till sidan Kodavsnitt » + Lägg till avsnitt från WordPress-instrumentpanelen.

Sedan skulle du bara kopiera och klistra in 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 även välja 'PHP Snippet' som 'Kodtyp'.

Slutligen aktiverar du pluginet så att det är aktivt och klickar på knappen 'Spara utdrag'.

För mer information, se vår steg-för-steg-handledning om hur man korrekt inaktiverar lazy load i WordPress.

4. Ändra användarrollbehörigheter för att tillåta uppladdning av utvalda bilder

WordPress erbjuder sex standardanvändarroller för att hantera alla användares åtkomst och åtgärder på en webbplats.

Om du inte är webbplatsägaren, är chansen stor att du inte har den nödvändiga användarrollen för att ladda upp eller visa utvalda bilder.

Allt du behöver göra är att se till att dina användarroller och behörigheter är korrekt inställda.

Ett enkelt sätt att åtgärda detta problem är att använda ett plugin som User Role Editor så att du kan ändra roller och behörigheter på ett ställe.

Gå helt enkelt till Användare » Redigera användarroller i din WordPress-instrumentpanel.

Härifrån väljer du den roll du vill ändra under 'Välj roll' och ändrar dess behörigheter. I det här fallet väljer vi 'Författare'.

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

Klicka slutligen bara på knappen ‘Uppdatera’ för att göra dessa ändringar.

Detta plugin låter dig också skapa nya anpassade roller och ge dem åtkomst till dina valda behörigheter.

5. Åtgärda att utvald bild inte visas på en gallerisida för blogginlägg

Ett av de bästa sätten att använda utvalda bilder är att visa upp dina blogginlägg på din webbplats startsida.

Men vad händer om de utvalda bilderna inte visas på bloggsidan?

För att åtgärda detta problem kan du gå och redigera din startsida eller vilken sida som helst där du vill att de utvalda bilderna ska visas.

Klicka sedan på '+' ikonen och lägg till blocket 'Senaste inläggen' till inlägget på sidan. Härifrån kommer du att se länkar till dina senaste inlägg.

Klicka helt enkelt på blocket och aktivera alternativet 'Visa funktionsbild'.

Sedan kan du justera de andra inställningarna, som justering och storlek på utvald bild, för att passa din sida.

Härifrån bör dina utvalda bilder visas i ditt blogginläggsgalleri.

Så här ser det ut när utvalda bilder visas.

6. Lägg till anpassad kod för att åtgärda problem med utvalda bilder

Ibland är inläggsminiatyrbilder inte klickbara på grund av ditt nuvarande WordPress-tema, som kanske inte stöder den specifika funktionaliteten.

Kanske vill du lägga till dina utvalda bilder i RSS-flöden eller visa den utvalda bilden i listan över inlägg i adminområdet.

Alla dessa saker kan göras med WPCode.

Efter aktivering, gå till Code Snippets » + Add Snippet. Du kommer att skickas till ett bibliotek med förgjorda anpassade kodalternativ.

Skriv 'bild' i sökfältet så ser du alla tillgängliga anpassade kodalternativ för att lägga till bilder på din webbplats.

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

Låt oss till exempel säga att vi vill lägga till kolumner för bilder i vårt WordPress-administrationsgränssnitt. Håll muspekaren över alternativet och välj 'Använd kodavsnitt'.

Du kommer sedan att tas till en sida där du kan redigera kodavsnittet. Lyckligtvis är koden redan förinställd, så du behöver inte pilla med koden eller inställningarna.

Men om du behöver ange koden manuellt kan du kopiera och klistra in från nedan:

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

Aktivera sedan helt enkelt reglaget för att slå på kodavsnittet och klicka på 'Uppdatera'.

Detta bör spara alla ändringar du just gjorde.

Sedan kan du gå till sidan Inlägg » Alla inlägg i din adminpanel.

På den här sidan kan du se att miniatyrbilderna för inläggen visas i en dedikerad kolumn.

Därefter kanske du också vill läsa vårt inlägg om hur man automatiskt länkar utvalda bilder till inlägg i WordPress eller vår handledning om hur man lägger till miniatyrbilder för inlägg till dina WordPress RSS-flöden.

Åtgärda att WordPress utvalda bild inte visas i rätt storlek

Ibland kanske din WordPress-utvalda bild inte visas i rätt storlek. Det är bäst att förstå bästa praxis för utvalda bilder så att du kan undvika problem från början.

Att välja rätt grafik för utvalda bilder

Den optimala storleken för utvalda bilder är 1200 x 687 pixlar för rektangulära utvalda bilder. För teman som använder fyrkantiga utvalda bilder är den bästa storleken dock 600 x 600 pixlar.

För mer information, läs vår guide om hur man gör grundläggande bildredigering i WordPress.

Ändra standardbildstorlekar i WordPress

Om miniatyrbilderna i din blogg verkar för små eller för stora kan du manuellt redigera standardbildstorlekarna.

WordPress kommer automatiskt att skapa kopior av dina utvalda bilder för att lägga till dem på olika delar av din webbplats, som till exempel bloggsidan, arkivsidor och hemsidan.

WordPress-teman kommer med sina egna bilddimensioner, men ibland vill du kanske ändå pyssla med storleken på din utvalda bild.

För att göra detta kan du gå till Inställningar » Media från ditt WordPress-adminområde. Gå sedan till fälten för 'Miniatyr'-storlek och ange de nya måtten för din utvalda bild.

För mer detaljerade instruktioner kan du kolla in vår nybörjarguide till WordPress bildstorlekar.

Utvalda bilder visas inte på Facebook

Utvalda bilder hämtas från WordPress och är populära på sociala medieplattformar via Open Graph, en teknik som gör det möjligt för sociala medier som Facebook att förstå och visa innehåll från en webbplats.

Open Graph-metataggar kan läggas till enskilda inlägg och sidor för att styra hur de visas när de delas. Dessa taggar innehåller information som innehållets titel, beskrivning och utvalda bild.

Det enklaste sättet att säkerställa att alla funktionsbilder visas på Facebook är att använda All in One SEO. Det är den bästa WordPress SEO-pluginen för att förbättra och optimera din webbplats för högre sökrankningar.

När den är aktiverad kan du gå till All in One SEO » Social Networks. Under fliken 'Facebook', se till att du aktiverar alternativet 'Enable Open Graph Markup'.

Detta visar automatiskt en förhandsgranskning av dina blogginlägg med en utvald bild och ett kort textutdrag.

För mer information, kolla in vår guide om hur man lägger till Facebook Open Graph-metadata i WordPress-teman.

Vi hoppas att den här artikeln hjälpte dig att åtgärda problemet med att den utvalda bilden inte visas i WordPress. Du kanske också vill titta på vår lista över de vanligaste WordPress-felen och hur du åtgärdar dem, tillsammans med vår guide om hur du återställer och återställer borttagna sidor.

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.