Hoe je een uitgelichte afbeelding of postminiatuur toevoegt in WordPress is essentieel voor elke blogger, ontwikkelaar of contentmaker. Uitgelichte afbeeldingen maken je berichten visueel aantrekkelijk en spelen een belangrijke rol bij het boeien van je lezers, het verbeteren van SEO en het verbeteren van previews op sociale media. Of je nu een blog, een portfoliosite of een online winkel runt, een goed geplaatste uitgelichte afbeelding kan de impact van je content aanzienlijk vergroten.

In dit artikel leer je hoe je uitgelichte afbeeldingen in WordPress kunt inschakelen en toevoegen met behulp van code en thema-instellingen. We laten je ook zien hoe je afbeeldingen kunt toevoegen via de Klassieke Editor en Elementor, zodat je de beste methode voor jouw workflow kunt kiezen.

Waarom zou je uitgelichte afbeeldingen in berichten gebruiken?

Uitgelichte afbeeldingen zijn cruciaal om je WordPress-berichten aantrekkelijker en professioneler te maken. Ze dienen als visuele aanwijzingen die de aandacht van lezers trekken, de algehele uitstraling van je blog of website verbeteren en consistentie in je content creëren. Naast het verbeteren van de visuele aantrekkingskracht, gebruiken sociale mediaplatformen vaak uitgelichte afbeeldingen wanneer je content wordt gedeeld, waardoor je berichten een sterkere aanwezigheid krijgen en de klikfrequentie toeneemt.

Vanwege hun impact is het beheren van je mediabestanden, vooral wanneer je website groeit, net zo belangrijk als het toevoegen ervan. Een rommelige mediabibliotheek kan je workflow vertragen en het lastig maken om afbeeldingen efficiënt te vinden of opnieuw te gebruiken.

Daarom zijn tools zoals WP Media Folder een absolute aanrader. Met functies zoals onbeperkt aantal mappen, geavanceerde zoekfilters en naadloze integratie met cloudplatformen, WP Media Folder je georganiseerd te blijven en maakt het beheren van je uitgelichte afbeeldingen en andere media een fluitje van een cent.

Hoe schakel je uitgelichte afbeeldingen in je WordPress-thema in?

Niet alle WordPress-thema's tonen of activeren automatisch de functie voor uitgelichte afbeeldingen. Als je deze optie niet ziet bij het maken van een bericht, is het mogelijk dat je thema deze functie niet ondersteunt. Geen zorgen, je kunt dit op twee manieren inschakelen: met behulp van aangepaste code (zonder de themabestanden direct aan te passen) of via de standaardinstellingen van het thema dat je gebruikt.

Gebruik van aangepaste code

Als je bekend bent met WordPress en de functie voor uitgelichte afbeeldingen handmatig wilt inschakelen zonder het functions.php-bestand direct te bewerken, kun je een WordPress-plugin zoals WP Code gebruiken. Deze plugin vereenvoudigt het toevoegen van code zonder het risico je site te beschadigen door typefouten.

Om dit te doen, installeer je eerst de WPCode-plugin via het menu Plugins > Nieuwe toevoegen. Zoek vervolgens naar "WPCode" en klik op Installeren, daarna op Activeren .

Zodra de plugin actief is, open je het menu Codefragmenten en selecteer je + Fragment toevoegen.

Selecteer de optie "Voeg uw aangepaste code toe (nieuw codefragment)"

Voer vervolgens de volgende code in de kolom "Codevoorbeeld" in, selecteer PHP-fragment bij Codetype en klik op Fragment opslaan.

Wanneer je de berichteditor opent, verschijnt de optie om een ​​uitgelichte afbeelding toe te voegen in de zijbalk.

Als je de uitgelichte afbeelding in de berichtweergave wilt tonen, voeg dan deze code toe aan het betreffende themabestand binnen de lus, zoals single.php of content.php.

<?php the_post_thumbnail(); ?> 

Je kunt dit ook toevoegen om de afbeeldingsgrootte aan te passen.

set_post_thumbnail_size( 300, 200 ); 

Of maak aangepaste formaten aan, bijvoorbeeld.

add_image_size( 'custom-size', 590, 180 ); 

Roep tot slot aan met de volgende code.

<?php the_post_thumbnail( 'custom-size' ); ?> 

Thema-instellingen gebruiken

Als je geen zin hebt om met code te werken, bieden veel moderne WordPress-thema's al instellingen om uitgelichte afbeeldingen rechtstreeks vanuit de Customizer in te schakelen en in te stellen. Ga hiervoor naar Weergave > Aanpassen. Selecteer vervolgens Berichttypen > Blog / Archief.

Vervolgens vind je onder Berichtstructuren > Berichtelementen het menu Uitgelichte afbeelding. Om deze te activeren, klik je op het oogpictogram, zoals in de volgende afbeelding te zien is. Je kunt ook de verhouding, het hover-effect en de grootte aanpassen.

Voeg uitgelichte afbeeldingen toe in WordPress via Gutenberg (blokeditor)

Een uitgelichte afbeelding toevoegen in WordPress met Gutenberg (de blokeditor) is eenvoudig en praktisch, vooral dankzij de moderne en intuïtieve interface. Met Gutenberg kun je de uitgelichte afbeelding direct vanuit de zijbalk van de editor instellen, zonder extra plugins te hoeven installeren. Deze functie is geschikt voor zowel beginners als ervaren gebruikers die snel het uiterlijk van hun berichten willen aanpassen.

Selecteer vervolgens de afbeelding die u als uitgelichte afbeelding wilt gebruiken, voer de ALT-tekst in en klik op ' Uitgelichte afbeelding instellen'.

Voeg uitgelichte afbeeldingen toe aan WordPress via Elementor

Als je Elementor gebruikt om pagina's of berichten te maken, kun je nog steeds eenvoudig uitgelichte afbeeldingen toevoegen. Hoewel het proces iets anders is dan in de standaard WordPress-editor, biedt Elementor opties om uitgelichte afbeeldingen dynamisch in je ontwerp weer te geven. Open eerst het bericht en klik op 'Bewerken met Elementor'.

Klik daarna op het instellingenpictogram in het midden bovenaan. Aan de linkerkant bevindt zich een menu 'Uitgelichte afbeelding'; klik op 'Afbeelding kiezen'.

Vervolgens verschijnt het mediascherm. Selecteer de afbeelding, voer de ALT-tekst in en klik ten slotte op Selecteren .

Conclusie

Het toevoegen van een uitgelichte afbeelding kan een belangrijke visuele meerwaarde bieden om de aandacht van lezers te trekken, de identiteit van de content te versterken en de uitstraling te verbeteren bij het delen op sociale media. Naast het verfraaien van de pagina, ondersteunt deze functie ook SEO en zorgt ervoor dat uw WordPress-website er professioneler uitziet.

Het is echter ook belangrijk om de mediabibliotheek georganiseerd en efficiënt te houden naarmate het aantal geüploade afbeeldingen toeneemt. Je kunt hiervoor WP Media Folder , een WordPress-oplossing voor mediabeheer met opvallende functies zoals onbeperkte mappen, geavanceerd zoeken en cloudintegratie. Probeer het nu en beheer je uitgelichte afbeeldingen sneller, efficiënter en zonder stress!