Eerst moeten we het theme support instellen voor uitgelichte afbeeldingen
// Theme support voor uitgelichte afbeeldingen.
add_theme_support('post-thumbnails');
add_image_size( 'custom_thumb', 150, 150, true);
Plaats dit in je functions.php , het formaat staat op 150 bij 150 maar dit kan uiteraard ook een ander formaat van de tumbnail zijn
Dan moeten we ook nog de uitgelichte afbeelden aan de excerpt toevoegen.Onderstaande plaats je ook in je functions.php
// Uitgelichte afbeelding aan excerpt koppelen
add_filter( 'the_excerpt', 'excerpt_thumbnail' );
function excerpt_thumbnail( $excerpt ){
if( is_single() ) return $excerpt;
global $post;
if ( has_post_thumbnail() ) {
$img .= '<a href="'.get_permalink($post->ID).'">'.get_the_post_thumbnail($post->ID, 'custom_thumb').'</a>';
} else {
$img = '';
}
return $img.$excerpt;
}
Je tumbnail / uitgelichte afbeelding kun je stylen in je css door bijvoorbeeld het volgende
.attachment-custom_thumb {
float: left;
margin: 10px;
}
Wanneer je nu in bijvoorbeeld je index.php
<?php the_excerpt(); ?>
aanroept dan zal indien aanwezig ook de uitgelichte afbeelding worden weergegeven.
