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 pop-up 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.


, , ,

2 reacties op “Meerdere post thumbnails gebruiken met WordPress”

  1. Hai Marcel,

    Allereerst ben je volgens mij een } vergeten aan het eind van je code. Ten tweede de reden waarom ik eigenlijk reageer: het werkt niet. Bij mij althans. Ik heb de code toegevoegd voor mijn custom post type ‘Portfolio’, maar krijg geen ‘kies secundary image’ of iets dergelijks bij het aanmaken van een post. Zie ik iets over het hoofd?

    Groet’