{"id":1232,"date":"2011-07-18T08:47:21","date_gmt":"2011-07-18T07:47:21","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=1232"},"modified":"2016-01-06T11:41:15","modified_gmt":"2016-01-06T10:41:15","slug":"gestion-des-miniatures-sous-wordpress-ajouter-facilement-de-nouvelles-dimensions","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/tutoriels\/gestion-des-miniatures-sous-wordpress-ajouter-facilement-de-nouvelles-dimensions","title":{"rendered":"Gestion des miniatures sous WordPress : ajouter facilement de nouvelles dimensions"},"content":{"rendered":"

Lors d’un d\u00e9veloppement sous WordPress, il peut s’av\u00e9rer fort utile d’utiliser le syst\u00e8me de miniature du CMS<\/abbr>.
\nMais, ne vous est-il jamais arriv\u00e9 de tomber \u00e0 court de dimensions de miniature ? Ces miniatures souvent bien pratiques pour s’offrir diff\u00e9rents affichages des \u00ab\u00a0Images \u00e0 la une\u00a0\u00bb, ou encore pour se permettre des mises en pages riches et soign\u00e9es.
\nPour cela WordPress pr\u00e9voit 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.<\/p>\n

La fonction add_image_size()<\/code><\/h2>\n

Le fonction add_image_size()<\/code><\/a> permet d’ajouter ces diff\u00e9rents dimensions dans votre th\u00e8me.
\nEn incluant la gestion des miniatures et cette fonction d’ajout dans la page functions.php<\/code> de votre th\u00e8me, il vous est facile de cr\u00e9er des miniatures aux dimensions personnalis\u00e9es.<\/p>\n

La fonction se pr\u00e9sente ainsi :<\/p>\n

<?php\r\n\tadd_image_size( 'home-mini', 220, 180, true );\r\n?><\/code><\/pre>\n
Le premier argument home-mini<\/code> est le nom de votre miniature, le second 220<\/code> est sa largeur en pixels, le troisi\u00e8me sa hauteur, et enfin le dernier true<\/code> ou false<\/code> (par d\u00e9faut false<\/code>) d\u00e9finit si l’image doit \u00eatre automatiquement recadr\u00e9e ou non.<\/p>\n
Ainsi, votre page functions.php<\/code> pourrait ressembler \u00e0 cela :<\/p>\n
<?php\r\nif ( function_exists( 'add_theme_support' ) ) {\r\n\tadd_theme_support( 'post-thumbnails' );\r\n}\r\n\r\nif ( function_exists( 'add_image_size' ) ) { \r\n\tadd_image_size( 'category-mini', 300, 9999 );\r\n\tadd_image_size( 'home-mini', 220, 180, true );\r\n}\r\n?><\/code><\/pre>\n
La valeur 9999<\/code> permet de renseigner une hauteur illimit\u00e9e.
\nIci nous avons dans un premier temps v\u00e9rifi\u00e9 que la fonction add_the_support()<\/code> existe (\u00e7a \u00e9vite l’affichage d’erreur), puis nous avons ajout\u00e9 le support des Images \u00e0 la une.
\nEnsuite nous avons v\u00e9rifi\u00e9 que la fonction add_image_size()<\/code> existe pour pouvoir rajouter deux formats de miniature.<\/p>\n
Vous pouvez \u00e9galement ajouter ces nouvelles dimensions au panneau de m\u00e9dias au moment d’ins\u00e9rer une image dans votre contenu gr\u00e2ce \u00e0 cette fonction :<\/p>\n
<?php\r\nfunction juiz_display_image_sizes( $sizes ) {\r\n   $sizes['category-mini'] = __( 'Mini Category', 'juiz' );\r\n   $sizes['home-mini'] = __( 'Mini Home', 'juiz' );\r\n\u00a0\r\n   return $sizes;\r\n}\r\nadd_filter( 'image_size_names_choose', 'juiz_display_image_sizes' );\r\n?><\/code><\/pre>\n
Le probl\u00e8me avec cette technique c’est qu’elle n’est pas tr\u00e8s flexible.
\nImaginez que vous ayez besoin de rajouter des dimensions en plein d\u00e9veloppement du projet, ou apr\u00e8s mise en production.
\nLes images et miniatures d\u00e9j\u00e0 existantes devront \u00eatre restaur\u00e9es pour pouvoir retrouver tous les formats de miniature, dont ceux ajout\u00e9s nouvellement.<\/p>\n
Pour cela, je vous propose une solution.<\/p>\n
Le plugin Simple Image Sizes<\/em><\/h2>\n
Le plugin Simple Image Sizes<\/a><\/em>, d\u00e9velopp\u00e9 par Rahe<\/a> (twitter @Raherian<\/a> – Nicolas Juen<\/a>\u2026 en vrai) est une petite merveille parfaitement adapt\u00e9e \u00e0 notre cas.<\/p>\n
Voici, en vrac, ses fonctionnalit\u00e9s :<\/p>\n