Cómo poner imágenes en escala de grises en WordPress
¿Se pregunta si hay una forma de escalar automáticamente las imágenes en gris en WordPress cuando las sube?
Por lo general, necesita usar herramientas de edición de fotos para cambiar la imagen a escala de grises. Sin embargo, esto puede llevar mucho tiempo ya que necesita editar cada imagen antes de subirla a su sitio web.
En este artículo, le mostraremos cómo escalar imágenes en escala de grises en WordPress al subirlas a su sitio web.
¿Cuándo debo usar imágenes en escala de grises en WordPress?
Las imágenes en escala de grises solo contienen información sobre la cantidad de luz en la imagen. Los colores de la imagen muestran diferentes tonos de gris, que varían entre blanco y negro.
En algunos casos, el uso de imágenes en escala de grises puede ser beneficioso para su sitio de WordPress. Por ejemplo, puede usarlo para mejorar la legibilidad de los objetos que se muestran en las imágenes.
Por otro lado, las imágenes en escala de grises se utilizan a menudo en el procesamiento de imágenes debido a su pequeño tamaño. Permite a los desarrolladores ejecutar operaciones complejas en menos tiempo.
Dicho esto, veamos cómo convertir imágenes a escala de grises en WordPress al subirlas.
Subir imágenes en escala de grises en WordPress
Al agregar imágenes a su blog de WordPress, debe editarlas y convertir las imágenes en color a escala de grises antes de cargarlas con un software de edición de fotos como Photoshop.
Si está cargando cientos o miles de imágenes, la edición manual de cada imagen puede llevar mucho tiempo.
Sin embargo, puede convertirlas automáticamente en imágenes en escala de grises al cargarlas. Primero, solo necesita agregar el siguiente código al archivo functions.php de su tema:
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;
}
Una manera fácil de agregar código a sus archivos de tema es usar el complemento Code Snippets para WordPress. Este es un complemento gratuito que lo ayuda a ejecutar fragmentos de código sin editar manualmente el archivo function.php de su tema.
Primero, debe descargar e instalar el complemento Code Snippets en su sitio. Si necesita ayuda, siga nuestra guía sobre cómo instalar un complemento de WordPress.
Después de la activación, puede ir a Fragmentos » añadir nuevo desde tu panel de WordPress.
A continuación, ingrese un nombre para su fragmento y pegue el código de arriba en el área del código.
Después de ingresar el código, simplemente haga clic en el botón “Activar” y guarde los cambios.
A continuación, puede probar el código editando o agregando una nueva página. Mientras esté en el editor de WordPress, continúe y haga clic en el botón “+” y agregue un bloque de imagen.
Ahora puede cargar cualquier imagen en su sitio de WordPress y se convertirá automáticamente a escala de grises.
Esperamos que este artículo le haya ayudado a aprender a escalar imágenes en escala de grises en WordPress. También puede consultar nuestras guías sobre cómo elegir la mejor plataforma de blogs y el mejor generador de nombres comerciales gratuito.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.
Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.
