Gestion des miniatures sous WordPress : ajouter facilement de nouvelles dimensions

Cet article a 673 jours. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci

Lors d’un développement sous WordPress, il peut s’avérer fort utile d’utiliser le système de miniature du CMS.
Mais, ne vous est-il jamais arrivé de tomber à court de dimensions de miniature ? Ces miniatures souvent bien pratiques pour s’offrir différents affichages des « Images à la une », ou encore pour se permettre des mises en pages riches et soignées.
Pour cela WordPress prévoit une fonction bien pratique qui permet d’ajouter de nouveaux redimensionnement des images. Ces nouvelles miniatures vont venir s’ajouter lors de l’upload d’une image.

La fonction add_image_size()

Le fonction add_image_size() permet d’ajouter ces différents dimensions dans votre thème.
En incluant la gestion des miniatures et cette fonction d’ajout dans la page functions.php de votre thème, il vous est facile de créer des miniatures aux dimensions personnalisées.

La fonction se présente ainsi :

<?php
	add_image_size( 'home-mini', 220, 180, true );
?>

Le premier argument home-mini est le nom de votre miniature, le second 220 est sa largeur en pixels, le troisième sa hauteur, et enfin le dernier true ou false (par défaut false) définit si l’image doit être automatiquement recadrée ou non.

Ainsi, votre page functions.php pourrait ressembler à cela :

if ( function_exists( 'add_theme_support' ) ) {
	add_theme_support( 'post-thumbnails' );
}
if ( function_exists( 'add_image_size' ) ) {
	add_image_size( 'categorie-mini', 300, 9999 );
	add_image_size( 'home-mini', 220, 180, true );
}

La valeur 9999 permet de renseigner une hauteur illimitée.
Ici nous avons dans un premier temps vérifié que la fonction add_the_support() existe (ça évite l’affichage d’erreur), puis nous avons ajouté le support des Images à la une.
Ensuite nous avons vérifié que la fonction add_image_size() existe pour pouvoir rajouter deux formats de miniature.

Le problème avec cette technique c’est qu’elle n’est pas très flexible.
Imaginez que vous ayez besoin de rajouter des dimensions en plein développement du projet, ou après mise en production.
Les images et miniatures déjà existantes devront être restaurées pour pouvoir retrouver tous les formats de miniature, dont ceux ajoutés nouvellement.

Pour cela, je vous propose une solution.

Le plugin Simple Image Sizes

Le plugin Simple Image Sizes, développé par Rahe (twitter @RaherianNicolas Juen… en vrai) est une petite merveille parfaitement adaptée à notre cas.

Voici, en vrac, ses fonctionnalités :

  • Possibilité de créer de nouvelles dimensions de miniatures

  • Possibilité d’inclure ces dimensions dans le panneau d’insertion d’image lors de l’édition d’un post

  • Possibilité de mettre à jour chacune des dimensions créées à tout moment

  • Possibilité de régénérer les miniatures en sélectionnant quelles dimensions régénérer

  • Possibilité de récupérer le code PHP à injecter dans functions.php en cas de désinstallation du plugin (le but étant de pouvoir conserver l’usage des miniatures créées par le plugin)

Pour en apprendre plus, je vous invite à visiter la page du plugin (en).
Ce plugin est bien mis à jour par son auteur, qui, par ailleurs, apprécie grandement les retours précis (problèmes rencontrés, suggestions) des utilisateurs et développeurs.

En espérant que la gestion des miniatures deviennent aisée pour vous :)

4 commentaires et 2 trackbacks sur “Gestion des miniatures sous WordPress : ajouter facilement de nouvelles dimensions”

  1. 19 juillet 2011

    Merci, juste ce que je cherchais, simple et clair en plus !

  2. me dit :
    14 août 2011

    Bravo

  3. Geoffrey dit :
    14 août 2011

    Merci pour l’auteur du plugin :)

  4. Valentin dit :
    16 août 2011

    La régénération d’images est vraiment indispensable maintenant !
    Pour changer de thème, sa structure ou pour rune question d’ergonomie.

    Grâce à Simple Image Size ou Regenerate Thumbnails, qui était l’un des premier à proposer cette technique, ç’est devenu simple :)

Laisser un commentaire

Certains codes HTML ne sont pas échappés automatiquement. Pour afficher du code dans votre commentaire, merci d'échapper vos chevrons en utilisant "&lt;" et "&gt;" en lieu et place de "<"" et ">".

Il est difficile de proposer un support pour tous les articles de ce blog. En ne fournissant pas un moyen de consulter votre code bogué, vous vous assurez de ne pas avoir de réponse adaptée.

Les sites qui en parlent

 
Le studio web