AprenderWP

Sitio especializado en Wordpress para principiantes

  • Principiantes
  • Tutoriales
  • Plugins
  • Temas
  • Blog
    • Novedades
    • Showcase
    • Opiniones
AprenderWP » Tutoriales » Cómo Escalar Imágenes en Escala de Grises en WordPress

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 una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Sobre mi

Mi nombre es Joaquin y llevo 12 años creando sitios web en wordpress. En este blog comparto todos mis conocimientos.

Necesito ayuda con ...


Empezar un
Blog

Optimizar
Wordpress

Seguridad
Wordpress

SEO
Wordpress

Errores
Worpdress

Crear una
Tienda Online
Política de Privacidad
Política de Cookies
Aviso Legal

Copyright © 2021 · AprenderWP