¿Alguna vez te has preguntado si hay una manera de mostrar automáticamente imágenes en escala de grises en WordPress al subirlas? Bueno, se acabó el tiempo de pensar. En este artículo, le mostraremos cómo usar herramientas simples de manipulación de imágenes PHP y funciones de WordPress para cargar automáticamente imágenes en escala de grises. Puede usar imágenes en escala de grises para desplazarse, controles deslizantes, galería o cualquier otra cosa.

Imágenes en escala de grises en WordPress

Lo primero que debe hacer es abrir el archivo functions.php de su tema y agregar el siguiente código:

add_action('after_setup_theme','themename_bw_size');
function themename_bw_size() {
	add_image_size('themename-bw-image', 100, 100, true);
}

El código anterior solo agrega un tamaño de imagen adicional para el cargador. El tamaño se establece en 100 x 100 píxeles con un fuerte recorte. Puede cambiar las dimensiones para adaptarse a sus necesidades. Una vez hecho esto, debe agregar el siguiente código:


add_filter('wp_generate_attachment_metadata','themename_bw_filter');
function themename_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) {
		case IMAGETYPE_GIF:
			imagegif( $image, $file );
			break;
		case IMAGETYPE_PNG:
			imagepng( $image, $file );
			break;
		case IMAGETYPE_JPEG:
			imagejpeg( $image, $file );
			break;
	}
	return $meta;
}

El código anterior básicamente le dice al cargador que cree un tamaño extra para la imagen cargada. Córtelo al tamaño especificado en el paso anterior. Luego aplique un filtro de imagen: escala de grises.

Si ha estado haciendo esto para las miniaturas de sus publicaciones, puede mostrarlo así en su tema:

<?php the_post_thumbnail( 'themename-bw-image' ); ?>

Si desea hacer esto para un archivo adjunto específico, puede usar wp_get_attachment_image función.

Nota: cambie el nombre del tema por el nombre del tema.

Todos los créditos de este asombroso truco pertenecen a Otón.