Cómo Escalar Imágenes en Escala de Grises en WordPress

¿Alguna vez te preguntaste si había una forma de escalar automáticamente las imágenes en escala de grises en WordPress cuando las subes? Bueno, el tiempo de las preguntas se acabó. En este artículo, le mostraremos cómo puede utilizar algunas herramientas sencillas de manipulación de imágenes PHP y funciones de WordPress para escalar automáticamente las imágenes una vez cargadas. Puede utilizar las imágenes en escala de grises para los flotadores, los deslizadores, la galería o cualquier otra cosa que desee.

Lo primero que tienes que hacer es abrir el archivo functions.php de tu tema y añadir el siguiente código:

1234add_action(‘after_setup_theme’,’themename_bw_size’);functionthemename_bw_size() { add_image_size(‘themename-bw-image’, 100, 100, true);}}; y

El código de arriba simplemente añade un tamaño de imagen adicional para el cargador. El tamaño se ajusta a 100 x 100px con el recorte duro. Usted puede cambiar las dimensiones para que se ajusten a sus necesidades. Una vez hecho esto, necesitas añadir el siguiente código:

12345678910111213141515161718181920add_filter(‘wp_generate_attachment_metadata’,’themename_bw_filter’);functionthemename_bw_filter($meta) { $file= wp_upload_dir(); $file= trailingslashit($file[‘path’]).$meta[‘sizes’][‘themename-bw-image’][‘file’]; list($orig_w, $orig_h, $orig_type) = @getimagesize($file); $image= wp_load_image($file); imagefilter($image, IMG_FILTER_GRAYSCALE); switch($orig_type) { caseIMAGETYPE_GIF:            imagegif( $image, $file); break; caseIMAGETYPE_PNG: imagepng( $image, $file); break; caseIMAGETYPE_JPEG: imagejpeg( $image, $file); break; } return$meta;}

El código de arriba le dice al cargador que cree un tamaño extra de la imagen que ha subido. Recórtelo al tamaño que especificó en el paso anterior. A continuación, aplique el filtro de imagen: Escala de grises.

Si estaba haciendo esto para las miniaturas de sus publicaciones, entonces puede mostrarlas así en su tema:

1

Si desea hacer esto para un anexo específico, puede utilizar la función wp_get_attachment_image.

Nota: Debe cambiar el nombre del tema por el nombre de su tema.

Todos los créditos por este increíble truco son para Otto.

Deja un comentario