Tutorial Divi: Cómo cambiar tamaño de la imagen destacada en el módulo blog en rejilla

El módulo blog en rejilla de Divi es bastante vistoso y atractivo, pero si algo he encontrado que no suele gustar a mis clientes es que la imagen destacada, o la caja a ella destinada, tenga un tamaño fijo, que no sea el que ellos quieren.

Y sí, posiblemente tenga clientes muy cuadriculados, pero hay que dar servicio a todos ¿no?

El otro día hablamos de cómo igualar la altura de los elementos del módulo blog en rejilla, una solución que gusta mucho a los clientes, pero la verdad es que esto de cambiar el tamaño de la imagen destacada lo piden bastantes más.

El problema es que Divi tiene un tamaño por defecto, y si tu imagen es, por ejemplo, más pequeña o grande, te la ajusta como quiere, o te la pixela o te la recorta.

Dicho lo cual, la situación es cuando tu cliente siempre sube las imágenes a un tamaño concreto, y quiere que salgan enteras. En ese caso lo que toca es forzar el tamaño por defecto al del cliente.

Afortunadamente la solución es sencilla.

Solo hay que añadir un par de nuevas funciones al final del archivo functions.php del tema hijo:

/* Definir tamaño imagen en modulo blog rejilla Divi */
function ayudawp_ancho_minitura_blog( $width ) {
    return 840; //ancho de la miniatura en píxeles
}
add_filter( 'et_pb_blog_image_width', 'ayudawp_ancho_minitura_blog');
function ayudawp_alto_miniatura_blog( $height ) {
    return 360; //altura de la miniatura en píxeles
}
add_filter( 'et_pb_blog_image_height', 'ayudawp_alto_miniatura_blog');

En el código anterior solo tienes que cambiar los tamaños de ejemplo de ancho y altura de la miniatura a los de las imágenes destacadas de tu cliente.

Guardas los cambios y ya está, ahora todas las miniaturas con la imagen destacada tendrán el tamaño exacto de las imágenes subidas por tu cliente a ese tamaño.

Nota: Si subes las imágenes destacadas de otro tamaño al del código entonces cada imagen saldrá distinta. El truco está en que la imagen que subas sea exactamente del mismo tamaño que el definido en el código.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(2 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

5 comentarios en “Tutorial Divi: Cómo cambiar tamaño de la imagen destacada en el módulo blog en rejilla”

  1. Mi caso seria parecido por con la opcion de modulo blog en tamaño completo, no en rejilla. Cuando visualizo las entradas, se muestra la imagen destacada en formato cuadrado y me gustaria que se mostrasen en su proporcion completa respetando el ancho.

    gracias

  2. yo tengo un problemazo… estoy haciendo una web con divi de futbol…. añadí una nueva etiqueta «jugadores» creé una nueva plantilla llamada template-jugadores.php

    hice una nueva pagina y le asigné los atributos de dicha plantilla, donde me va mostrando todos los jugadores que voy agregando como etiqueta. la idea es que al clickear algun jugador, me aparezcan las entradas donde participa y asi los filtro. el problema es que en ese momento me muestra la imagen destacada gigante!!!!!

    la imgen es de 448 x 300 y me la muestra con el tamaño predeterminado del wordpress.

    localhost/jugadores/albert-brulls/

    supongo que le asigna los tamaños predeterminados a la imagen, acabo de hacer tu ejercicio pero no me resultó.

    que hago mal?

    gracias de antemano

    1. GONZALO DE LA CAMPA

      Buenas! ¿el problema es por un tema de código? Si es así no te puedo ayudar porque no soy programador, sorry

      Un abrazo!!!

Deja un comentario

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

 

Ir arriba Ir al contenido