Hoe uitgelichte afbeeldingen op individuele berichten in WordPress verbergen

Sommige mensen geven er misschien de voorkeur aan om geen uitgelichte afbeeldingen te tonen op individuele blogberichten, of dit nu komt door prestatieproblemen, ontwerpkeuzes of de focus op de inhoud. 

Bijvoorbeeld, je wilt misschien geen uitgelichte afbeelding op tekstzware berichten zoals tutorials of aankondigingen, omdat het bezoekers kan afleiden van de eigenlijke inhoud. Het verbergen van de uitgelichte afbeelding kan ook de laadsnelheid verbeteren, vooral voor gebruikers op mobiele apparaten.

Als je're hetzelfde wilt bereiken, zullen we je begeleiden hoe je de uitgelichte afbeelding op je individuele blogberichten kunt verbergen!

Hoe uitgelichte afbeeldingen individueel verbergen

Er zijn verschillende manieren om uitgelichte afbeeldingen van je blogberichten te verbergen. Als je geen programmeerervaring hebt, kun je een eenvoudige plugin gebruiken om de klus te klaren.

Maar als je geen plugins wilt installeren, kun je een meer technische aanpak kiezen door de themabestanden te bewerken of aangepaste CSS te gebruiken. Hieronder hebben we elke methode stap voor stap uitgelegd:

Methode 1: Een plugin gebruiken

U kunt de Conditionally Display Featured Image-plug-in gebruiken om de uitgelichte afbeelding snel te verbergen. Deze populaire plug-in is gratis beschikbaar in de WordPress-plug-insdirectory.

Met deze plug-in kunt u ervoor kiezen om de uitgelichte afbeelding te verbergen op individuele berichten of op de blogpagina die de lijst met alle gepubliceerde berichten weergeeft.

Als u deze eenvoudige methode wilt proberen, laten we beginnen met het eerst installeren ervan:

1. Installeer en activeer de plugin

Als je al weet hoe je een plugin in WordPress moet installeren en activeren, kun je doorgaan naar de volgende stap. Maar als het's je eerste keer, laten we' doorgaan door de onderstaande stappen te volgen:

• Open je WordPress admin-dashboard.
• Klik op de Plugins menu vanaf de zijbalk.

• Klik Add Plugin om de Plugin Directory.
• Typ in Conditionally Display Featured Image in de zoekbalk. De plugin zou als eerste resultaat moeten verschijnen.

• Klik Installeer nu om de plug-in te downloaden.
• Na installatie, klik Activeer om het op uw site in te schakelen.

2. Bewerk het gewenste bericht

Nadat de plug-in is geactiveerd, kunt u direct naar het bericht gaan waar u de uitgelichte afbeelding wilt verbergen. Volg vervolgens de onderstaande stappen om het selectievakje te vinden dat u in staat stelt de afbeelding te verbergen:

• Open het blogbericht dat u wilt bewerken.
• Klik Instellingen om de editor te openen.

• In de zijbalk, ga naar de Post tabblad.
• Aan de bovenkant zie je je uitgelichte afbeelding. Hieronder vind je de optie: Toon uitgelichte afbeelding alleen in de berichtenlijsten, maar verberg deze in de weergave van een enkel bericht.

• Vink het selectievakje aan om de uitgelichte afbeelding in dat specifieke bericht te verbergen.
• Volgende, sla de wijzigingen op door te klikken op de Update/Save knop (als het bericht al gepubliceerd is) of de Publish knop (als het' nog een concept is).

3. Werk het bericht bij om de wijzigingen toe te passen

Deze stap is voltooid zodra je klikt op de Save of Update knop. Zorg er echter voor dat je de front‑end van je site controleert om te bevestigen dat de uitgelichte afbeelding daadwerkelijk verborgen is.

Er zijn twee manieren om dit te doen:

• Controleer de live versie van het gepubliceerde bericht
• Of bekijk een voorbeeld van je conceptbericht voordat je publiceert

Hier is een kijkje naar het voor‑en‑na resultaat:

Methode 2: Aangepaste CSS gebruiken

Als de uitgelichte afbeelding nog steeds op je berichten verschijnt, maak je geen zorgen, want we hebben een andere methode om je te helpen het probleem op te lossen.

Je kunt aangepaste CSS-code gebruiken om het te verbergen voor de weergave van de gebruiker. Houd er echter rekening mee dat deze methode de prestaties enigszins kan beïnvloeden, omdat de uitgelichte afbeelding nog steeds wordt geladen, ook al is hij niet zichtbaar.

Als dat's geen zorg voor je is, ga dan door en volg de onderstaande tutorial:

1. Identificeer de specifieke bericht-ID

Om ervoor te zorgen dat de CSS-code alleen een individueel bericht beïnvloedt, moet je de post-ID vinden. De post-ID is een nummer dat elk bericht in WordPress uniek identificeert.

Bijvoorbeeld, de URL kan post=111 bevatten, waarbij 111 de post-ID is.

Als je site echter SEO-vriendelijke permalinks gebruikt, zie je de post-ID won't direct in de URL.

Hier's hoe je het in plaats daarvan vindt:

• Ga naar je WordPress-beheerdersdashboard.
• Klik op het bericht dat je wilt bewerken.
• Kijk naar de URL-balk in je browser.
• Je zou een URL moeten zien die de bericht-ID bevat zoals hieronder weergegeven.

2. Voeg aangepaste CSS toe om de uitgelichte afbeelding voor dat bericht te verbergen

Na het identificeren van de bericht-ID, is de volgende stap om deze toe te voegen aan je aangepaste CSS-code. WordPress heeft een ingebouwde functie voor het toevoegen van CSS, dus je hoeft geen externe plugins te installeren.

U kunt de CSS-code toevoegen via de Customizer menu. Deze methode vereist alleen basiskennis van coderen, dus u hoeft zich geen zorgen te maken.

We zullen u door de onderstaande stappen leiden:

• Klik op de Weergave menu in de zijbalk, en selecteer Aanpassen.

• U wordt naar de Customizer menu.

• Scroll naar beneden en klik op de Extra CSS sectie.
• Plak de onderstaande code in het bewerkingsvak. Vergeet niet om de post-ID te vervangen door je daadwerkelijke post-ID.

.postid-51442 .post-thumbnail { display: none; } 

• Ten slotte, klik Publiceren om de wijzigingen toe te passen. Je uitgelichte afbeelding zou nu verborgen moeten zijn voor dat bericht.

Methode 3: Thema‑bestanden bewerken

Als de bovenstaande methoden je niet het gewenste resultaat geven, kun je proberen de themabestanden te bewerken.

Maar, dit moet als laatste redmiddel worden beschouwd, omdat het bewerken van themabestanden fouten kan veroorzaken of bepaalde functies kan breken.

Zorg ervoor dat je een back-up maakt voor het geval dat. Daarna een heads-up, let's beginnen:

1. Open het thema's functions.php‑bestand

Er zijn veel .php bestanden binnen een thema, zoals single.php, content.php en functions.php. Het hangt af van de structuur van je thema's.

Voor deze methode moet je het bestand functions.php vinden. Hier's hoe je het kunt vinden:

• Open het Appearance menu vanaf de zijbalk.
• Klik op de Thema-bestandseditor.

• Het opent de thema-editor zoals hieronder weergegeven. 

• Scroll naar beneden de Thema-bestanden menu en vind de functions.php.

• Klik om het bestand te openen. 

2. Voeg voorwaardelijke statements toe om de uitgelichte afbeelding voor specifieke berichten uit te sluiten

Nu je het functions.php bestand hebt geopend, voeg de volgende code toe om de uitgelichte afbeelding op enkele berichtpagina's te verbergen.

function wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // voeg het filter toe add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 ); 

Om ervoor te zorgen dat de code alleen de uitgelichte afbeelding verbergt voor een specifiek bericht, vervang is_single() door is_single(123), waarbij 123 de ID is van het bericht dat u wilt targeten.

Daarna sla je de wijzigingen op door op de Update File knop te klikken.

Hoe uitgelichte afbeeldingen in alle enkele berichten te verbergen

Als je uitgelichte afbeeldingen op al je individuele berichten wilt verbergen, maakt het Neve‑thema het voor je gemakkelijker. 

Met slechts een paar klikken zorgt deze methode ervoor dat uitgelichte afbeeldingen verborgen blijven op je berichtpagina’s.

Als je het Neve‑thema al geïnstalleerd hebt, kun je doorgaan met de onderstaande stappen:

• In je WordPress‑admindashboard, ga naar Weergave en klik Aanpassen
• Navigeer naar de Blog sectie.

• U zult twee lay-outstijlen zien: Normaal en Cover. De stappen om uitgelichte afbeeldingen te verbergen verschillen per lay-out:

Voor de Normale lay-out:

1. Scroll naar beneden en zoek de Thumbnail sectie.
2. Klik op Eye icon naast de Thumbnail om deze uit te schakelen.
3. Pas deze wijziging toe door op de Publiceer-knop te klikken.
4. Uitgelichte afbeeldingen worden nu verborgen op berichten die de normale headerlay-out gebruiken.

Voor de Cover lay-out:

1. Scroll omlaag om de Verberg uitgelichte afbeelding schakelaar.
2. Zet deze schakelaar aan.
3. Klik Publiceren om de instellingen op te slaan.

• Na het opslaan van de instellingen, wacht een paar seconden tot de wijzigingen van kracht worden.
• Controleer vervolgens door een van je enkele berichten te bezoeken om te zien of de uitgelichte afbeeldingen verborgen zijn.

Houd er rekening mee dat je het Neve-thema geïnstalleerd moet hebben om deze methode te gebruiken. Als je het nog niet hebt geïnstalleerd, probeer het dan te installeren en activeren vanuit de Thema's map. Typ eenvoudig Neve in het zoekveld en je zult het vinden.

Waarom het bewerken van de thema‑bestanden niet wordt aanbevolen?

We hebben je eraan herinnerd om de themabestanden niet te bewerken als dat niet nodig is. De eenvoudige reden: het kan je site breken.

Dus, we've hebben een paar veiligere alternatieven verzameld over hoe we uitgelichte afbeeldingen kunnen verbergen zonder het thema's bestand te hoeven bewerken:

• Code Snippets Plugin gebruiken: Code Snippet is een gratis plugin die je in staat stelt aangepaste PHP toe te voegen aan je individuele berichten. Het werkt wonderen zonder het risico je site te breken.
• Custom Functionaliteit Plugin: Deze plugin stelt je in staat een aangepaste PHP te koppelen, in plaats van deze direct in het themabestand te typen.

Conclusie

Je hoeft niet alle bovenstaande methoden te proberen om de uitgelichte afbeelding in WordPress te verbergen. Zoek gewoon degene die bij je behoeften past.

Het beheren van een groot aantal uitgelichte afbeeldingen kan tijdrovend zijn, vooral wanneer je mediabibliotheek rommelig wordt.