Te ayudo a transformar tu producto o servicio en la solución que tu cliente desea.

Divi: solución tamaño miniaturas de blog y portfolio

Si luego de actualizar Divi, notaste que las imágenes miniaturas del módulo Blog o Portfolio se recortaron, aquí tienes la solución para restaurarlas.

La Situación

Me encontraba modificando un sitio web e implementando Divi Theme.

Mi proceso de trabajo implicó hacer una copia del sitio online a mis servidores, e ir modificando páginas y adaptando contenidos a Divi. También incluía la creación de nuevas páginas / contenidos: uno de ellos, utilizando el módulo portfolio.

El Problema

Una de las nuevas funciones requeridas era la de Portfolio y estaba trabajándola normalmente. Pero luego de actualizar Divi, las miniaturas, de la imágenes destacadas, cambiaron. Ya no se mostraban correctamente, sino que aparecían recortadas.

Chequeé en otras páginas que tengo con Divi y el problema también aparecía en las miniaturas del módulo Blog.

Lo interesante del asunto, es que con las imágenes que ya tenía cargadas, no había problemas. Se mostraban correctamente. El inconveniente se presentaba en las que subía luego de la actualización.

Analizando el código, observé que las imágenes se estaban cortando (no redimensionando) en 400×284, al cargarse.

Problema miniaturas Divi blog y portfolio.

La Búsqueda

Por supuesto que inmediatamente comencé a tocar los ajustes del módulo de Portfolio. Allí no obtuve resultados.

Pasé a tocar el CSS y a lograr algunos cambios en cuanto al tamaño de las imágenes, pero no hallaba la solución definitiva: que no se recorte la imagen, más allá del tamaño que pudiera tener.

La Solución

Finalmente, luego de googlear un rato para ver si alguien ya lo había resuelto y ahorrar tiempo, di con un artículo de Elegant Tweaks -en inglés- que me salvó rápidamente.

Como no lo encontré en español y a mí me ha funcionado, lo comparto con ustedes traduciendo su contenido. Pueden leer el artículo original aquí: http://www.eleganttweaks.com/divi/changing-portfolio-blog-module-thumbnail-sizes/

Este problema se resuelve agregando algunas líneas de código al functions.php de nuestro Child Theme.

Si aún no tienes un Child Theme, te ofrezco uno aquí: Descarga: Divi Child Theme

Si aún no trabajas con un Child Theme, te recomiendo que lo hagas. Es muy simple y evitará que cualquier parche, como este que estamos aplicando, se borre al actualizar tu plantilla.

Si no deseas instalar uno y prefieres trabajar directamente sobre los archivos de la plantilla original, es tu decisión y responsabilidad.

Solución miniaturas Divi blog y portfolio.

Modificar tamaño de miniaturas del Blog

Lo primero será entrar a editar el archivo functions.php. Si no sabes editarlo localmente, puedes hacerlo rápidamente ingresando, en tu panel de administración de WordPress, a Apariencia / Editor. Allí localizas el archivo functions.php y pegas el siguiente código (puedes evitar abrir <? y cerrar ?> el php si ya se encuentra en el archivo):

La primer sección del código, es simplemente la importación de tu archivo style.css de tu tema hijo.

La siguiente sección cambia el tamaño de la imagen del módulo blog y agrega un tamaño para las miniaturas cuando se cargan nuevas imágenes.

Si deseas cambiar el tamaño por uno que necesites, a medida, sólo debes modificar los valores en la siguiente línea:

También puedes recortar la imagen dándole un parámetro true a la función:

De esta manera recortarías la imagen desde la posición central vertical y horizontalmente. Puedes cambiar la posición de recorte agregando valores de posición a la función, comenzando con la posición horizontal seguida de la vertical:

Modificar tamaño de miniaturas del Portfolio

Y, por último, para resolver lo de las miniaturas del módulo Portfolio, usamos este fragmento:

Ten en cuenta que si deseas cambiar los tamaños de imagen para el blog y el módulo de cartera, sólo necesitarás incluir la función add_image_size una vez. Eso es si los tamaños de las imágenes serán los mismos para ambos módulos. Si serán diferentes, puedes incluir la función dos veces con diferentes valores para cada tamaño de imagen. Sólo asegúrate de que el nombre de la miniatura sea diferente para cada función:

Si te gustó el contenido, compártelo con tus colegas:
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Tu opinión sobre esta publicación:
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (3 votos, promedio: 3,67 de 5)
Cargando…

Dejar un comentario

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

Responsable » Franco Román Giardina
Finalidad » gestionar los comentarios.
Legitimación » tu consentimiento.
Destinatarios » los datos que proporcionas estarán ubicados en los servidores de SiteGround, que es la empresa que provee el servicio de alojamiento web a francogiardina.com, dentro de la UE. Puedes ver la política de privacidad de SiteGround en la siguiente URL: https://www.siteground.es/privacidad.htm/
Derechos » podrás ejercer tus derechos, entre otros, a acceder, rectificar, limitar y suprimir tus datos.

13 + 11 =

Fideliza a tus clientes y aumenta tus ventas.

Agenda una reunión para Asesoría sin costo.

Estaré encantado de ayudarte a resolverlas. Despreocúpate, esta entrevista no tendrá ningún costo. Nos tomaremos 30 minutos para dialogar relajadamente sobre tu negocio. Sólo tienes que hacer clic en el botón y elegir tu mejor café o té para la cita.

Ha llegado el momento de comenzar a trabajar en esa conexión genuina con tu público, fidelizarlo y aumentar tus ingresos.