Categorie
CSS Tips Web development

Centrare post Instagram: come fare con i post incorporati

Centrare un post di Instagram può essere non banale per chi non è uno sviluppatore.

Instagram permette come molti altri social network di incorporare (in inglese “to embed”) qualunque post pubblico creato sulla piattaforma.

Per esempio, è possibile incorporare il seguente post instagram, cliccando sull’icona con i tre puntini presenti in alto a destra.

Incorporare un post di instagram

Il problema è che il post incorporato tramite il codice proposto da Instagram non è centrato orizzontalmente, ma allineato a sinistra.

Tramite Instagram, al momento non è proposta alcuna opzione per selezionare allineamento desiderato.

Per centrare il post, è possibile utilizzare il seguente codice:


<div style="display:flex;justify-content: center;">
<!-- Incolla il codice di Instagram subito sotto questo commento -->
 
</div>

Ecco il risultato che si ottiene con il codice proposto:

 

Visualizza questo post su Instagram

 

We’re moving into the weekend with Serena and Donatella (@serena.gff), two golden retrievers who have really gotten into the swing of things. #WeeklyFluff Video by @serena.gff

Un post condiviso da Instagram (@instagram) in data:

Centrare post Instagram su WordPress

La soluzione proposta è applicabile anche su WordPress (il CMS usato per questo sito).

Disclaimer per sviluppatori

La soluzione proposta fa uso di inline-css, che non è ideale.
Tuttavia, ho deciso di utilizzare l’approccio inline per avere una soluzione “copia & incolla”, adatta anche ai neofiti.

Seguimi su