Hoe u de niet-getoonde uitgelichte afbeelding in WordPress kunt repareren (6 manieren)

Aanbevolen afbeeldingen in WordPress fungeren als visuele hooks. Ze zijn vaak het eerste wat bezoekers opmerken. Een goede aanbevolen afbeelding kan het uiterlijk van uw site verbeteren en een sterke eerste indruk maken. 

Maar wanneer deze afbeeldingen niet correct worden weergegeven, kan dit leiden tot een slechte gebruikerservaring, een minder aantrekkelijke lay-out en zelfs negatieve invloed hebben op de SEO-prestaties.

Als u momenteel met dit probleem te maken heeft, maak u dan geen zorgen, want wij staan achter u. In dit artikel vindt u zes eenvoudige oplossingen om uitgelichte afbeeldingen te repareren die niet worden weergegeven in WordPress!

Veelvoorkomende redenen voor problemen met uitgelichte afbeeldingen

Voordat u in de oplossing duikt, is het belangrijk om de onderliggende oorzaken te begrijpen waarom de aanbevolen afbeelding niet wordt weergegeven in WordPress. Hieronder volgen enkele van de meest voorkomende redenen: 

1. Thema ondersteunt geen aanbevolen afbeeldingen

WordPress biedt een groot aantal stijlvolle en leuke thema's om je site wat op te fleuren, waardoor het leuk is om je uiterlijk aan te passen. Maar sommigen van jullie vergeten misschien te controleren of het thema ondersteuning biedt voor uitgelichte afbeeldingen.

Sommige thema's ondersteunen standaard geen uitgelichte afbeeldingen, of vereisen extra stappen om ze in te schakelen.

Dus als je uitgelichte afbeeldingen niet verschijnen, zelfs als je ze correct hebt toegevoegd, kan dit de oorzaak zijn.

2. Onjuiste weergave-instellingen

Sommige weergave-instellingen kunnen voorkomen dat uitgelichte afbeeldingen worden weergegeven. Als u de standaardconfiguratie hebt aangepast, of het nu in de berichteditor, thema-instellingen of een pagina-builder is, hebt u deze optie mogelijk per ongeluk uitgeschakeld.

Zorg ervoor dat uw weergave-instellingen correct zijn geconfigureerd, zodat de afbeelding zoals bedoeld wordt weergegeven. Soms kan een klein niet-geselecteerd vakje de reden zijn dat uw afbeeldingen ontbreken, zelfs als ze er eigenlijk wel zijn.

3. Plugin conflicten

Als u veel plugins gebruikt om uw WordPress-gebruik te ondersteunen, is er een kans dat u dit probleem tegenkomt. Niet-ondersteunde plugins kunnen uw thema verstoren, waardoor aanbevolen afbeeldingen niet correct worden weergegeven.

Dit probleem komt vrij vaak voor, omdat plugins en thema's conflicterende scripts kunnen hebben. Als u weet welke plugin het probleem veroorzaakt, kunt u deze deactiveren of contact opnemen met de plugin-ontwikkelaar voor een oplossing.

4. Lazy loading die de zichtbaarheid van afbeeldingen beïnvloedt

Lazy loading is een functie die door plugins wordt gebruikt om de laadtijd van pagina's te verbeteren door alleen afbeeldingen te laden wanneer ze nodig zijn.

Hoewel het een handig hulpmiddel is, kan het soms voorkomen dat uitgelichte afbeeldingen niet laden. Dit gebeurt meestal als uw lazy load is ingeschakeld voor alle afbeeldingen op de pagina.

Als u deze instelling hebt geactiveerd, zorg er dan voor dat u de configuratie aanpast zodat lazy loading de aanbevolen afbeelding niet beïnvloedt. U kunt ook proberen over te schakelen naar een andere lazy loading -plugin om het probleem op te lossen. 

5. HTTP-fouten tijdens het uploaden van afbeeldingen

Als u een HTTP-foutmelding ziet bij het uploaden van een afbeelding, betekent dit meestal dat het bestand te groot is of de uploadlimiet van de site overschrijdt.

Dit is een veelvoorkomend probleem, vooral wanneer u grotere uitgelichte afbeeldingen probeert te uploaden naar uw site. Om dit op te lossen, verhoog de PHP-geheugenlimiet door het wp-config.php-bestand te bewerken of comprimeer de afbeelding voordat u deze uploadt.

6. Ontbrekende uitgelichte afbeelding meta box

Het vak met de aanbevolen afbeelding moet zichtbaar zijn bij het bewerken van een bericht of pagina. Als het vak ontbreekt, kan dit te wijten zijn aan onjuiste weergave-instellingen in de editor of sommige thema-instellingen die het standaard uitschakelen.

Zonder dit vak kunt u geen aanbevolen afbeelding instellen. U moet het dus repareren met onze oplossingen, die we hieronder stap voor stap bespreken.

Stapsgewijze oplossingen

Het begrijpen van de mogelijke oorzaak helpt u de meest effectieve oplossing te identificeren. Hieronder volgen enkele eenvoudige tips om het probleem van de niet-getoonde uitgelichte afbeelding in WordPress op te lossen. Laten we deze stappen volgen en wat visuele aantrekkingskracht aan uw site toevoegen! 

1. Schakel uitgelichte afbeeldingen in uw thema in

Als je een thema gebruikt dat geen uitgelichte afbeeldingen ondersteunt en je wilt niet opnieuw beginnen, is er een oplossing.
Je kunt uitgelichte afbeeldingen nog steeds inschakelen door het functions.php bestand een beetje aan te passen. Dit bestand kun je vinden in de map van je thema, meestal te vinden op wp-content/themes/je-thema-naam/functions.php.

Probeer dat bestand te openen en voeg de code toe: add_theme_support('post-thumbnails'); onderaan toe.

Vergeet niet om de wijzigingen op te slaan zodat ze van kracht worden. Eenmaal toegevoegd zal je thema nu uitgelichte afbeeldingen ondersteunen.

Maar als de uitgelichte afbeelding nog steeds niet wordt weergegeven, moet je mogelijk de sjabloonbestanden (zoals single.php of content.php) aanpassen door de regel code toe te voegen waar je de afbeelding wilt laten verschijnen.

2. Controleer en pas de weergave-instellingen aan in de WordPress-editor

Pas de weergave-instellingen aan om ervoor te zorgen dat de aanbevolen afbeeldingen correct worden weergegeven. U kunt de onderstaande tutorial gebruiken:

• Ga naar de pagina waar u een aanbevolen afbeelding wilt toevoegen.
• Selecteer de plus-icoon (+) om een blok toe te voegen.

• Kies vervolgens WP Laatste berichten.
• Schakel de Aanbevolen afbeelding optie in vanuit de Blokinstellingen.
• Pas de afbeelding aan om aan te sluiten bij de lay-out.

3. Plugins deactiveren om conflicten te identificeren

Een van de meest voorkomende redenen waarom WordPress featured afbeeldingen niet worden weergegeven, zijn plugin-conflicten. De meest effectieve manier om het probleem aan te pakken, is door handmatig uw geïnstalleerde plugins één voor één te deactiveren.

Deze methode vereist niet de installatie van extra tools van derden. Als dat te overweldigend klinkt, vooral als u veel plugins hebt geïnstalleerd, kunt u de Health Check & Troubleshooting-plugin gebruiken.

4. Schakel lazy loading uit voor uitgelichte afbeeldingen indien nodig

U hoeft de lazy loading -functie op uw site niet volledig uit te schakelen. U kunt nog steeds profiteren van lazy loading om de levering van afbeeldingen te optimaliseren en ervoor te zorgen dat aanbevolen afbeeldingen correct worden weergegeven. Hier zijn twee dingen die u kunt doen om het te repareren: 

a. Bewerk het functions.php-bestand

• Ga naar Uiterlijk, vervolgens naar Thema-bestandseditor in uw WordPress-dashboard.
• Open het functions.php bestand van uw huidige thema.
• Voeg de volgende code toe aan het bestand:

add_filter( 'wp_lazy_loading_enabled', function( $default, $tag_name, $context ) { if ( $context === 'the_post_thumbnail' ) { return false; } return $default; }, 10, 3 ); 

• Sla ten slotte het bestand op. 

b. Gebruik een plugin

Als je niet te technisch wilt worden door het bewerken van code, kun je een plugin krijgen zoals WP Speed of Light, Lazy Load uitschakelen, LiteSpeed Cache, of WP Rocket. Met die tools kun je lazy loading instellingen instellen zonder bestanden te bewerken, waardoor ze een gebruiksvriendelijkere optie zijn voor niet-programmeurs.

5. Los HTTP-fouten op door de PHP-geheugenlimiet te verhogen of controleer bestandsmachtigingen

Als u HTTP-fouten ondervindt waardoor aanbevolen afbeeldingen niet worden weergegeven, zijn er twee manieren om dit op te lossen. U kunt de PHP-geheugenlimiet verhogen of de bestandspermissie controleren om er zeker van te zijn dat deze correct is. Hier zijn de complete zelfstudies voor beide oplossingen: 

a. PHP-geheugenlimiet verhogen

Deze stap vereist het wijzigen van de .htaccess of wp-config.php. Probeer elk bestand te wijzigen om de geschikte te vinden: 

1. Wijzig wp-config.php

• Toegang tot uw site via FTP-client of cPanel.
• Open de Bestandsbeheerder en zoek het wp-config.php bestand binnen de hoofdmap.

• Zoek naar de volgende regel: define('WP_MEMORY_LIMIT', '32M');
• Wijzig de waarde indien nodig. Bijvoorbeeld: define('WP_MEMORY_LIMIT', '256M');

2. Voeg code toe aan .htaccess bestand

• Zoek het .htaccess bestand in de hoofdmap.
• Voeg deze code toe aan de onderkant: php_value memory_limit 256M.
• Sla de wijzigingen op.

b. Controleer bestandsrechten

Onjuiste bestandspermissies kunnen HTTP-fouten veroorzaken bij het uploaden van afbeeldingen. Uw WordPress-machtigingen moeten als volgt zijn:

• Bestanden: Instellen op 644
• Mappen: Instellen op 755

Als zowel uw bestanden als mappen onjuiste machtigingen hebben, kunt u dit handmatig wijzigen door deze snelle oplossing te volgen:

• Open de Bestandsbeheerder.
• Rechtsklik op de wp-content/uploads map.
• Selecteer Bestandsrechten of Rechten wijzigen.
• Stel de machtigingen voor de map in op 755. Wijzigingen opslaan.
• Werk ook de machtigingen voor het bestand bij door het in te stellen op 644.
• Sluit na het opslaan van de wijzigingen.

6. Zorg ervoor dat het meta-vak voor uitgelichte afbeeldingen is ingeschakeld in de schermopties

U moet mogelijk de instellingen handmatig inschakelen als de optie voor de aanbevolen afbeelding niet wordt weergegeven in WordPress via de Schermopties. Volg deze stappen om het ontbrekende metadatavak te herstellen:

• Open een bericht in het WordPress-dashboard.
• Selecteer Schermopties rechtsboven. De locatie kan afwijken als u een blokeditor gebruikt.

• Vink het Uitgelichte Afbeelding vakje aan.
• Scroll naar beneden in het editorpaneel en zoek de Afbeeldingssectie.

• Upload een afbeelding vanuit uw Media Bibliotheek.
• Pas vervolgens de wijzigingen toe. De afbeelding zou nu correct moeten worden weergegeven.

Conclusie

De oplossing voor het niet weergeven van aanbevolen afbeeldingen in WordPress is vrij eenvoudig. Regelmatig uw plugins bijwerken en de juiste thema's gebruiken, kan toekomstige problemen veroorzaakt door compatibiliteitsconflicten voorkomen.

Als je afbeeldingen ontbreken vanwege problemen met de organisatie van media, overweeg dan om een plugin te gebruiken zoals WP Media Folder. Hiermee kun je je mediabibliotheek ordenen in onbeperkte mappen, waardoor het eenvoudig is om de afbeeldingen te vinden die je nodig hebt en het uploaden van duplicaten te vermijden.

Denk er altijd aan om een back-up te maken voordat je een van de bovenstaande stappen uitvoert om je gegevens veilig te houden.