Hoe toon je een uitgelichte afbeelding in een bericht met shortcode

Uitgelichte afbeelding in bericht tonen met shortcode in WordPress
Soms wil je een uitgelichte afbeelding in een bericht plaatsen.

Een manier is om simpelweg een afbeelding aan het bericht toe te voegen en de afbeelding te selecteren die is ingesteld als de uitgelichte afbeelding. Op deze manier, als u de uitgelichte afbeelding verandert, moet u de ingevoegde afbeelding opnieuw veranderen.

De andere manier zou zijn om een shortcode te gebruiken die de uitgelichte afbeelding van de huidige post weergeeft. Dus zelfs als u de uitgelichte afbeelding verandert, de shortcode weerspiegelt het.

Methode 1 – Het creëren van een shortcode met behulp van PHP

Als u bekend bent met PHP en als u weet hoe de WordPress API werkt, dan kunt u een eenvoudige shortcode schrijven die de uitgelichte afbeelding weergeeft.
Zelfs als u niet bekend bent met code, als u code snippets zoals de onderstaande hebt geprobeerd, dan kunt u de onderstaande aanpak gebruiken.

U kunt de onderstaande code kopiëren en in WordPress plakken. Er zijn meerdere methoden om code snippets in te voegen in WordPress.

add_shortcode('featured_image', 'my_post_featured_img');

function my_post_featured_img($atts) {
    global $post;

    return 'ID) . '" />';
}

Hier hebben we een shortcode met de naam “featured_image” geregistreerd met behulp van WordPress's shortcode API.

Wanneer de shortcode wordt uitgevoerd, zal het de functie my_post_featured_img aanroepen. Deze functie bevat de shortcode logica.

Binnen de functie gebruiken we een ingebouwde WordPress functie get_the_post_thumbnail om de thumbnail van de post op te halen, gegeven een post ID. Het zal de URL van de uitgelichte afbeelding teruggeven.

Met deze URL bouwen we de HTML afbeeldings tag en sturen deze terug als shortcode inhoud.

Nu kunt u gebruik maken van de shortcode [ featured_image ] in het bericht.

Methode 2 – Met behulp van de Shortcoder Plugin

Shortcoder is een gratis WordPress plugin om aangepaste shortcodes te maken voor HTML, CSS, en JavaScript code snippets direct in het admin dashboard.
U kunt de plugin installeren, een shortcode aanmaken met een naam, en een code snippet instellen als shortcode inhoud. Deze shortcode inhoud zal worden vervangen waar de shortcode wordt gebruikt.

Het biedt een functie voor het invoegen van een aantal “dynamische parameters” zoals post titel, URL, en feature image URL in de shortcode inhoud.
We kunnen deze functie gebruiken om een shortcode te maken die de featured image weergeeft.

Image tag ingesteld als inhoud voor de shortcode met URL attribuut als plaatshouder voor de uitgelichte afbeelding
Image tag ingesteld als inhoud voor de shortcode met URL-attribuut als plaatshouder voor de uitgelichte afbeelding
Maak een shortcode met een naam. Voorbeeld: featured_image

Type de lege afbeelding tag als shortcode inhoud.

Voor de image tag's bron attribuut stel de waarde “Invoegen shortcode parameters” > “WordPress informatie” > “Post uitgelichte afbeelding”

Op dezelfde manier kunt u voor het alt-attribuut van de afbeeldings-tag de aangepaste parameter voor de posttitel instellen.

Zodra u publiceert, is de aangemaakte shortcode

We kunnen deze shortcode nu gebruiken in berichten. Later als u besluit om een aantal HTML of CSS-klasse toe te voegen dan kunt u gemakkelijk bewerken van de shortcode inhoud.

Conclusie uitgelichte afbeelding plaatsen

In dit artikel hebben we twee manieren onderzocht om een shortcode te maken om een uitgelichte afbeelding weer te geven. Hoop dat dit was iets nieuws voor je.