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.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)
Muy útil!!! I like it!!
Yo añadiría para los que no quieran tocar código que pueden añadir también muchas mejoras visuales al blog de forma fácil con plugins ligeros de este tipo:
https://www.elegantthemes.com/blog/divi-resources/divi-plugin-highlight-divi-extras
O este otro: https://diviextended.com/product/divi-blog-extras/
Un abrazo craaack!!!
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
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
gonzalo, yo hice tu curso de divi avanzado, y no tengo idea como arreglar lo que pregunto arriba xD
Buenas! ¿el problema es por un tema de código? Si es así no te puedo ayudar porque no soy programador, sorry
Un abrazo!!!
Hola, Fernando, Excelente post, siempre he admirado tu trabajo, tenía rato dandome contra el escritorio por no poder cambiar el tamaño de la imagen destacada, y me funcionó tu solución, pero tengo un detalle, necesito que se me cambie solo para un par de post types, es decir que el blog siga con la imagene por defecto, ya que necesito que las imágenes destacadas de estos post types sean verticales, mi duda es ¿habrá una función mágica como estas solo para los post types? jejejej, saludos