¿Alguna vez se preguntó si había una manera de crear automáticamente imágenes en escala de grises en WordPress cuando las cargaba? Bueno, el tiempo de las preguntas se acabó. En este artículo, le mostraremos cómo puede usar algunas herramientas simples de manipulación de imágenes PHP y funciones de WordPress para imágenes en escala de grises automáticamente al cargarlas. Puede usar imágenes en escala de grises para desplazarse, controles deslizantes, galería o cualquier otra cosa que desee.

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 simplemente agrega un tamaño de imagen adicional para el cargador. El tamaño se establece en 100 x 100 px con un recorte difícil. Puede cambiar las dimensiones para adaptarse a sus necesidades. Una vez que haya hecho eso, 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 prácticamente le dice al cargador que cree un tamaño adicional de la imagen que cargó. Córtalo al tamaño que hayas especificado en el paso anterior. Luego aplique el filtro de imagen: Escala de grises.

Si estaba 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: debe cambiar el nombre del tema por el nombre de su tema.

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

.

Fuente: wpbeginner

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada.