Comment personnaliser les images dans WordPress ?

Nous allons voir dans ce tutos, comment personnaliser les images dans WordPress.

Les formats d’image WordPress contiennent des valeurs par défaut : Petite (Thumbnail), Moyenne (Medium), Grande (Large) et Taille originale (Full).

Supprimer un format d’image par défaut

Vous pouvez supprimer les différents formats d’image par défaut de WordPress en utilisant la balise unset que vous ajouterez à votre fichier function.php.

FUNCTION.PHP
function remove_default_image_sizes($sizes) {
 unset($sizes['thumbnail']);
 unset($sizes['medium']);
 unset($sizes['large']); 
 return $sizes;
}
add_filter('intermediate_image_sizes_advanced','remove_default_image_sizes');

Ajouter ses propres formats d’images sans plugin

Sans utiliser de plugin, vous pouvez ajouter à la librairie de WordPress vos propres tailles personnalisées en ajoutant la balise add_image_size à votre fichier function.php.
La première valeur est le nom de votre nouveau format d’image monformat1, puis la largeur 1920 (px) et la hauteur 900 (px), la dernière valeur true sert à recadrer les images à la largeur et à la hauteur spécifiées (crop). Dans l’exemple monformat2, j’utilise un tableau array pour spécifier à WordPress, le positionnement de la découpe en mode crop.

FUNCTION.PHP
add_image_size('monformat1', '1920', '900', true);
add_image_size('monformat2', '1180', '610', array('left','top'));

Ajouter ses propres formats d’images dans la librairie Médias

Toujours dans le fichier function.php, nous allons ajouter nos propres formats d’image créer ci-dessus montformat1 et monformat2 dans la librairie Médias de WordPress. Vous pouvez spécifier un nom à vos formats pour une expérience utilisateur plus intéressante, dans mon exemple Mon Format 1 et Mon Format 2.

FUNCTION.PHP
add_filter('image_size_names_choose', 'add_custom_thumb');
function add_custom_thumb($sizes) {
$addsizes = array("monformat1"=>__("Mon Format 1"),"monformat2"=>__( "Mon Format 2"));
$newsizes = array_merge($sizes, $addsizes);  return $newsizes;
}

Désactiver le responsive pour les images

Pour désactiver le responsive de WordPress et les fameuses balisent srcset, vous devez ajouter à votre fichier function.php.

FUNCTION.PHP
 add_filter ('max_srcset_image_width', create_function ('', 'return 1;'));