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.
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:
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.