Galería Divi. Miniaturas de imágenes verticales sin recortes

por | 23 May, 2018 | Configuración Divi, Diseño Divi, Galería Divi

El módulo galería de Divi

Ya hemos hecho unos cuantos tutoriales relacionados con el módulo galería de Divi. Entre todos destaca un megatutorial que exprime muchas de las posibilidades que nos ofrece este módulo. Échale un vistazo si quieres

Como probablemente ya sabrás, podemos ajustar la orientación de las miniaturas para que se vean bien tanto si nuestras imágenes tienen una disposición horizontal (Entorno, opción por defecto) como si son verticales (Retrato).

orientacion-imagen-galeria-divi

Además, en la mayoría de los casos las fotografías encajan bien sin necesidad de modificar nada.

El problema

En las imágenes de orientación vertical puede ser más complicado que ese ajusten bien las miniaturas. Un truco que suele funcionar en estos casos es seleccionar imágenes que tengan bastante aire, espacio, en la zona superior e inferior. Así, aunque se recorte un poco la miniatura para adaptarse, no se apreciará ese “desajuste”. Fíjate en la imagen de la galería de ejemplo bajo estas líneas. La fotografía del gorila tiene más espacio entre el animal y los topes inferior y superior. Pero si te fijas, sí que está recortada. Mira y compara las miniaturas de la galería recortada (antes) y la misma galería una vez terminada esta práctica.

miniaturas galeria Divi -SIN-RECORTES

Hay ocasiones en las que no podemos hacer esa selección de las fotografías, no podemos modificarlas, ya nos vienen dadas. Y si no hay suficiente espacio en las zonas superior e inferior, la miniatura se recorta y el efecto es bastante mejorable.

La solución

Así que vamos a ver cómo configurar nuestro tema para que la proporción sea perfecta, esto es, como la imagen original, sin que desaparezcan partes de nuestras fotografías en la representación de las miniaturas.

Verás que es muy sencillo. Solo hay que añadir unas líneas de código al archivo functions.php de nuestro tema. Pero para evitar sustos y protegernos de futuras actualizaciones de Divi, lo haremos sobre nuestro tema hijo.

Si lo haces directamente sobre los archivos originales del tema, corres el riesgo de perder esta configuración cuando haya actualización, como ya te he comentado.

Además, un error mínimo puede complicar tu sitio WordPress. Si no tienes un tema hijo instalado, instala uno. Hay muchos tutoriales y plugins súper sencillos que hacen este trabajo por ti.

Llegados a este punto, desde nuestro escritorio, navegamos hasta Apariencia >  Editor y seleccionamos el archivo function.php de nuestro tema hijo.

codigo-php-galeria-Divi

Añade el siguiente código tras la etiqueta php.

add_filter( 'et_pb_gallery_image_height', 'gallery_size_h' );
add_filter( 'et_pb_gallery_image_width', 'gallery_size_w' );

function gallery_size_h($height) {
return '9999';
}
function gallery_size_w($width) {
return '9999';
}

Guarda los cambios.

Normalmente ya debería ser suficiente. Mira tu galería y comprueba que ya se ajustan las miniaturas correctamente.

De no ser así, tal vez necesites regenerar las miniaturas de tu biblioteca. En ese caso, instala este plugin: regenerate-thumbnails y pásalo a tu biblioteca, desde herramientas > regenerate thumbnails. Una vez lo hayas usado puedes borrar el plugin si quieres.

Aquí tienes todo el tutorial en vídeo, para que no se te escape nada.