Galería Divi. Miniaturas de imágenes verticales sin recortes
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).
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.
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.
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.
Buenos noches, muchas gracias por los vídeos son de muy instructivos, tengo una consulta en la galería Divi coloque dos imágenes verticales, le di la opción orientación de la miniatura: retrato, le instale un plugins que se llama regenerate-thumbnails y todavia sigue recortada la imagen que puedo hacer? Gracias
Hola, Yohana
¿Ha añadido el código php como se explica en el tutorial? Yo lo he probado en varios sitios y en todos funciona bien.
Saludos
claro que si paso el archivo functions.php que esta en la carpeta padre lo paso al tema hijo y me sale este aviso: Fatal error: Cannot redeclare et_setup_theme() (previously declared in /home/desarrollo/public_html/wp-content/themes/Child-divi/functions.php:7) in /home/desarrollo/public_html/wp-content/themes/Divi/functions.php online 7.
le pregunte a un profesor que sabe programación y me contesto lo siguiente:
Por que moviste el function.php? , si estas trabajando con el tema hijo solo debes trabajar en la carpeta que creaste para el tema hijo creando el archivo de los estilos y colocando en ese archivo los cambios de los estilos, el function.php no lo puedes mover por que WordPress necesita ese archivo para ejecutar las funciones del tema.
Que puedo hacer? Gracias
Hola, Yohana
Efectivamente no puedes mover el archivo php original del tema. Debes trabajar sobre el archivo del tema hijo que es una copia.Nunca desde el original. Si no estas usando un tema hijo, intenta instalar uno. Es muy sencillo. Mira este post por si te puede ayudar. https://caribdis.net/2016/08/14/temas-hijos-para-que-y-como-crearlos/
Saludos
Comprendo así es, pero yo estoy trabajando con el tema hijo, me voy a apariencias editor y no aparece la function.php, entonces me dirijo al tema padre copio el archivo y lo pego al tema hijo, hago el proceso del vídeo, cuando abro divi aparece ese mensaje:
Fatal error: Cannot redeclare et_setup_theme() (previously declared in /home/desarrollo/public_html/wp-content/themes/Child-divi/functions.php:7) in /home/desarrollo/public_html/wp-content/themes/Divi/functions.php online 7.
que puedo hacer?
Gracias por su atención.
Yohana, es posible que tu tema hijo tenga algún error. Si tienes ocasión, prueba en un entorno de pruebas o en local antes de hacerlo «en vivo»
Saludos