Meerdere post thumbnails gebruiken met WordPress

Het kan wel eens voorkomen dat je op je WordPress website per post, pagina of custom post type meerdere post thumbnails wilt aangeven. Bijvoorbeeld voor een mouseover effect. Met de plugin Multiple Post Thumbnails is dit mogelijk.

In deze korte blog leg ik je uit hoe je deze plugin moet installeren en gebruiken.

We beginnen uiteraard met het installeren. Dit is een simpel proces binnen WordPress. We gaan via Plugins – Nieuwe plugin naar het scherm waar we een nieuwe plugin kunnen installeren. Hier zoek je naar Multiple Post Thumbnails. Kies voor installeren, en activeer de plugin. De plugin is nu klaar voor gebruik, maar we moeten nog wel even aangeven voor welk type posts we de extra thumbnails willen installeren en ook hoeveel. Dit doen we in de functions.php van het thema dat we gebruiken.

De volgende code voegt een secundaire post thumbnail voor post type post, voor alle standaard berichten dus.

if (class_exists('MultiPostThumbnails')) {
new MultiPostThumbnails(array(
'label' => 'Secondary Image',
'id' => 'secondary-image',
'post_type' => 'post'
)
);

Heb je bijvoorbeeld een custom post type ‘klanten’ dat je wilt voorzien van een extra afbeelding, dan gebruik je de volgende code:

if (class_exists('MultiPostThumbnails')) {
new MultiPostThumbnails(array(
'label' => 'Secondary Image',
'id' => 'secondary-image-klanten',
'post_type' => 'klanten'
)
);

Een secundaire afbeelding toevoegen gaat net zoals het toevoegen van een Uitgelichte afbeelding. In de post editor kies je voor Kies secundaire afbeelding. In de popup selecteer je een afbeelding die ja als secundaire afbeelding wilt gebruiken. Kies dan voor Set as Secondary Image.

Om een afbeelding te gebruik in je thema gebruik je de volgende code op de plek waar de afbeelding wilt tonen:

if (class_exists('MultiPostThumbnails')
&& MultiPostThumbnails::has_post_thumbnail('post', 'secondary-image')) :
MultiPostThumbnails::the_post_thumbnail('post', 'secondary-image'); endif;

Voor vragen over deze plugin kan je in het WordPress forum terecht.

Gerelateerde artikelen:

1. WordPress Custom Post Type handleiding
2. Custom Post Types registreren in plugin of functions.php
3. Google Maps gebruiken met WordPress
4. Meer extensies toestaan voor uploaden in WordPress
5. Hoe werkt de WordPress Image Editor