Con Instagram Feeds 6.3 hemos cambiado el código CSS que determina cómo se diseñan tus feeds y cómo se recortan y centran las imágenes.
El plugin ahora utiliza algo llamado CSS Grid para diseñar el feed. Esto se hizo para lograr tres cosas - evitar conflictos con algunos temas de WordPress, por lo que es más fácil crear diseños nítidos con nuestra nueva función de temas de alimentación, y mejorar el aspecto de nuestro diseño de alimentación existente con los mismos bordes nítidos que pueden extenderse todo el camino hasta el borde del contenido.
¿Qué cambios veré gracias a CSS Grid?
El diseño de rejilla permitirá que los bordes se alineen más fácilmente con el resto del contenido de la página. Antes, si se añadía cualquier tipo de espaciado o relleno a la fuente, ésta no llegaba al borde del área de contenido.
Ahora, con CSS grid, el contenido del feed cuando esté en el diseño grid tendrá este aspecto:
¿Qué cambios se han introducido en las imágenes?
También hemos cambiado el código utilizado para agrupar y centrar las imágenes en el feed. En lugar de utilizar una biblioteca JS llamada "Image Liquid", hemos pasado a utilizar únicamente reglas CSS.
Esto ayudará a que nuestro plugin sea más compatible con los plugins y temas de carga lenta. Anteriormente, el uso de la biblioteca Image Liquid para recortar y centrar imágenes provocaba que los plugins de carga lenta no pudieran cargar las imágenes en el feed.
¿Se verán afectados los piensos existentes?
Los feeds existentes pueden verse afectados por el cambio. Si tenías personalizaciones que afectaban a la disposición de los elementos dentro de tu feed, es posible que tengas que corregir algunos cambios visuales para que las cosas vuelvan a tener el mismo aspecto que antes. Aunque no podemos ayudarte con todas las personalizaciones, puedes ponerte en contacto con el servicio de asistencia para ver si se puede hacer algo para restaurarlas. De lo contrario, puede que tenga que ponerse en contacto con la persona que creó la personalización en primer lugar.
También tenemos un ajuste para ayudar con cualquier transición necesaria. Puedes cambiar el CSS utilizado en la versión 6.2 utilizando la configuración que se encuentra en la pestaña "Avanzado" de la página de configuración de Instagram Feeds.
Es posible que esta configuración no esté disponible en el futuro, por lo que sería bueno abordar cualquier problema con el diseño de tus feeds en las próximas versiones principales de Instagram Feed.
