Vous vous demandez s’il existe un moyen d’afficher automatiquement des images en niveaux de gris dans WordPress lorsque vous les téléchargez ?
Habituellement, vous avez besoin d’un outil de retouche photo pour changer vos images en niveaux de gris. Cependant, cela peut prendre du temps car vous devrez modifier chaque image individuelle avant de la télécharger sur votre site Web.
Dans cet article, nous allons vous montrer comment mettre des images en niveaux de gris dans WordPress lors du téléchargement sur votre site.
Quand devriez-vous utiliser des images en niveaux de gris dans WordPress ?
Les images en niveaux de gris ne contiennent que des informations sur la quantité de lumière dans l’image. Les couleurs de l’image montrent différentes nuances de gris, variant entre le noir et le blanc.
Dans certaines situations, l’utilisation d’images en niveaux de gris peut être bénéfique pour votre site Web WordPress. Par exemple, vous pouvez l’utiliser pour améliorer la lisibilité des objets affichés dans l’image.
D’autre part, les images en niveaux de gris sont couramment utilisées pour le traitement d’images en raison de leur petite taille. Il permet aux développeurs d’exécuter des opérations complexes en un temps plus court.
Cela dit, voyons comment transformer vos images en niveaux de gris dans WordPress lorsque vous les téléchargez.
Images Graysacling en téléchargement dans WordPress
Lorsqu’il s’agit d’ajouter des images dans un blog WordPress, vous devez les modifier avant de les télécharger à l’aide d’un logiciel de retouche photo tel que Photoshop et convertir les images colorées en niveaux de gris.
Si vous avez des centaines ou des milliers d’images à télécharger, la modification manuelle de chaque image peut prendre beaucoup de temps.
Cependant, vous pouvez automatiquement les transformer en images en niveaux de gris lors du téléchargement. Pour commencer, il vous suffit d’ajouter le code suivant dans le fichier functions.php de votre thème :
add_filter('wp_generate_attachment_metadata','rb_bw_filter');
function rb_bw_filter($meta) {
$path = wp_upload_dir(); // get upload directory
$file = $path['basedir'].'/'.$meta['file']; // Get full size image
$files[] = $file; // Set up an array of image size urls
foreach ($meta['sizes'] as $size) {
$files[] = $path['path'].'/'.$size['file'];
}
foreach ($files as $file) { // iterate through each image size
// Convert image to grayscale credit to http://ottopress.com/2011/customizing-wordpress-images/
list($orig_w, $orig_h, $orig_type) = @getimagesize($file);
$image = wp_load_image($file);
imagefilter($image, IMG_FILTER_GRAYSCALE);
switch ($orig_type) {
case IMAGETYPE_GIF:
imagegif( $image, $file );
break;
case IMAGETYPE_PNG:
imagepng( $image, $file );
break;
case IMAGETYPE_JPEG:
imagejpeg( $image, $file );
break;
}
}
return $meta;
}
Un moyen simple d’ajouter du code aux fichiers de thème consiste à utiliser le Extraits de code plug-in pour WordPress. C’est un plugin gratuit qui vous aide à exécuter des extraits de code sans avoir à modifier manuellement le fichier function.php de votre thème.
Tout d’abord, vous devrez télécharger et installer le plugin Code Snippets sur votre site. Si vous avez besoin d’aide, veuillez suivre notre guide sur la façon d’installer un plugin WordPress.
Lors de l’activation, vous pouvez vous diriger vers le Extraits » Ajouter un nouveau depuis votre tableau de bord WordPress.
Ensuite, allez-y et entrez un nom pour votre extrait et collez le code ci-dessus dans la zone de code.
Après avoir entré le code, cliquez simplement sur le bouton « Activer » et enregistrez vos modifications.
Ensuite, vous pouvez tester le code en modifiant ou en ajoutant une nouvelle page. Lorsque vous êtes dans l’éditeur WordPress, cliquez sur le bouton « + » et ajoutez un bloc Image.
Vous pouvez maintenant télécharger n’importe quelle image sur votre site Web WordPress et elle sera automatiquement convertie en une image en niveaux de gris.
Nous espérons que cet article vous a aidé à apprendre à utiliser des images en niveaux de gris dans WordPress. Vous pouvez également consulter notre guide sur la façon de choisir la meilleure plateforme de blogs et le meilleur générateur de nom d’entreprise gratuit.