Modifiche al layout CSS di Instagram

Con Instagram Feeds 6.3 abbiamo modificato il codice CSS che determina la disposizione dei feed e il ritaglio e la centratura delle immagini.

Il plugin utilizza ora un codice chiamato CSS Grid per disporre il feed. Questo è stato fatto per raggiungere tre obiettivi: evitare conflitti con alcuni temi di WordPress, rendere più facile la creazione di layout nitidi con la nostra nuova funzione di temi per i feed e migliorare l'aspetto e la sensazione del design dei feed esistenti con gli stessi bordi nitidi che possono estendersi fino al bordo del contenuto.

Quali sono i cambiamenti che vedrò grazie a CSS Grid?

Il layout a griglia supporterà bordi nitidi che si allineeranno più facilmente con gli altri contenuti della pagina. In precedenza, l'aggiunta di qualsiasi tipo di spaziatura o padding al feed comportava che il feed non raggiungesse il bordo dell'area del contenuto.

Ora, con la griglia CSS, il contenuto del feed nel layout a griglia avrà questo aspetto:

Quali sono le modifiche apportate alle immagini?

Abbiamo anche modificato il codice utilizzato per corpire e centrare le immagini nel feed. Invece di usare una libreria JS chiamata "Image Liquid", siamo passati a usare solo regole CSS.

Questo aiuterà a rendere il nostro plugin più compatibile con i plugin e i temi a caricamento pigro. In precedenza, l'uso della libreria Image Liquid per ritagliare e centrare le immagini impediva ai plugin di caricamento pigro di caricare le immagini nel feed.

I mangimi esistenti saranno interessati?

I feed esistenti potrebbero essere interessati dalla modifica. Se sono state effettuate personalizzazioni che hanno coinvolto il layout degli elementi all'interno del feed, potrebbe essere necessario correggere alcune modifiche visive per ripristinare l'aspetto precedente. Anche se non possiamo aiutarvi con tutte le personalizzazioni, potete contattare l'assistenza per vedere se è possibile fare qualcosa per ripristinare le personalizzazioni. Altrimenti, potrebbe essere necessario contattare la persona che ha creato la personalizzazione.

Abbiamo anche un'impostazione che aiuta a gestire le transizioni necessarie. È possibile modificare il CSS utilizzato nella versione 6.2 utilizzando l'impostazione presente nella scheda "Avanzate" della pagina delle impostazioni dei feed di Instagram.

Questa impostazione potrebbe non essere disponibile in futuro, quindi sarebbe bene affrontare eventuali problemi con il layout dei feed nelle prossime versioni principali di Instagram Feed.

supporto

Non è stato possibile trovare la risposta nei documenti?

Contatto con l'assistenza

Questo articolo è stato utile?