Les vignettes dans WordPress 2.9

Si il y a une des fonctionnalités de le 2.9 qui me rend contente, c’est bien celle là.

Je travaille pas mal avec des thèmes magazines, basés notamment sur Mimbo, et je n’avais pas fait la mise à jour au moment de la mise en place du plugin timthumb, à la fois parce qu’il marchait mal avec php4, et parce que la nouvelle version de Mimbo me demandait trop de travail pour remettre mes propres personnalisations.

Mais avec les thumbnails de la 2.9, on peut tout faire !

Préparer le terrain : activer les thumbnails

La première étape est à faire dans le fichier functions.php de son thème, qui contient déjà au moins les déclarations de sidebar.

On va d’abord tout simplement ajouter le support des thumbnails avec
add_theme_support( 'post-thumbnails' );

Et on définit leur taille :
set_post_thumbnail_size( 50, 50, true );

En fait, cette définition ne passe pas par dessus les réglages de l’admin. Elle me semble donc un peu inutile

Le “true” sert à indiquer qu’on veut rogner les bords de l’image si elle n’est pas carrée. Si on n’ajoute pas ce paramètre, alors l’image sera réduite en conservant ses proportions initiales.

Et voilà…. à la limite, cela suffit. Les thumbnails seront alors générés avec les tailles que vous aurez définies par défaut dans le paramétrage des medias.

Mais pour des thèmes magazines, on peut avoir besoin d’autres tailles d’images.

Pas de problème, on peut en définir autant qu’on veut dans le fichier fonction php.

add_image_size( 'kategorie', 150, 150, true );
add_image_size( 'lead', 269, 178, true );
add_image_size( 'feature', 255, 88, true );


Ici j’ai défini ajouté à la taille par défaut une vignette carrée de 150 pixel de large, et deux autres vignettes, qui sont utilisées dans la page d’accueil, pour les articles mis en valeur.

Afficher les thumbnails

Pour afficher la vignette, il suffit d’utiliser le code :
the_post_thumbnail('thumbnail')
qui correspond à la taille de la vignette définie dans l’administration.

Et si on veut utiliser une des autres tailles définies dans l’administration, ce sera avec le nom
the_post_thumbnail('large')
ou medium…

Pour raffiner un peu, il vaut mieux tester si l’article a un contenu :

if ( has_post_thumbnail() )
the_post_thumbnail ;
else
une image par défaut


Mais on peut faire plus avec cette fonction.
Par exemple, si on souhaite donner un style particulier à la vignette avec une classe particulière ?
the_post_thumbnail('thumbnail', array('class' => 'la_classe")) ;

De la même façon, on peut modifier les paramètres alt et title enregistrés dans la bibliothèque des medias.

Et pour l’historique ?
Un plugin a été développé par Fairweb, qui permet de récréer les thumbnails, en prenant d’abord le premier “attachment” de l’article, c’est à dire la première image chargée par le gestionnaire des médias, ou, à défaut, la première balise img du post.

Un vrai bonheur, je vous dis.