Come incorporare, centrare e allineare i post Instagram in WordPress

By | Giugno 11, 2019

Incorporare un post Instagram in WordPress è molto semplice, specialmente con il nuovo editor Gutenberg. La cattiva notizia è che, di solito, i post di Instagram incorporati saranno allineati a sinistra, il che sarà piuttosto brutto. Ma, in questo tutorial, ti mostrerò come centrarli facilmente anche allineandoli! Iniziamo!



Incorporare un post Instagram in WordPress

Ti mostrerò come farlo usando l’editor Gutenberg (due metodi diversi) e l’Editor classico!

Metodo 1: utilizzo del blocco Embedded di Gutenberg

Passo 1

Copia il link del post di Instagram.



Passo 2

Fai clic sul segno + nel tuo editor Gutenberg, cerca “instagram”, quindi aggiungi il blocco Instagram da Embeds.

Passo finale

Incolla il link del post di Instagram nel blocco e fai clic sul pulsante Incorpora.

Il post di Instagram dovrebbe essere visualizzato in anteprima nell’editor ora.

Metodo 2: utilizzo del blocco HTML personalizzato di Gutenberg

Passo 1

Seleziona un post Instagram, fai clic sui 3 punti orizzontali in basso a destra, quindi fai clic su Incorpora.

Passo 2

Fai clic sul pulsante Copia codice incorporato. Puoi escludere la didascalia se vuoi.

Passaggio 3

Nell’editor di Gutenberg, fai clic sul segno +, cerca “html personalizzato”, quindi aggiungi il blocco HTML personalizzato.

Passo finale

Incolla il codice di incorporamento di Instagram nel blocco HTML personalizzato. Vedrai un sacco di codice, non farti prendere dal panico!

Puoi fare clic sul pulsante Anteprima nel blocco per visualizzare in anteprima il post Instagram incorporato in Gutenberg.

Utilizzando l’editor classico

Se stai ancora utilizzando l’Editor classico, segui il secondo metodo riportato sopra e incolla il codice incorporato nell’editor di testo.

Come centrare e allineare i post Instagram in WordPress

Per centrare e allineare i post Instagram in WordPress, dovrai aggiungere del codice CSS in WordPress.

Non ti preoccupare, è facile!

Vai su Aspetto > Personalizza > CSS aggiuntivo e aggiungi questo codice:

.instagram-media{margin:0 auto !important;}

Non dimenticare di fare clic sul pulsante Pubblica.

Se il post Instagram incorporato sarà troppo vicino al precedente e ai paragrafi seguenti, cambia lo 0 del codice precedente con un altro valore. (ad es. 15px, 20px, 33px e così via).

Per esempio:

.instagram-media{margin:15px auto !important;}

Devi solo aggiungere questo codice una volta e centrerà automaticamente tutti i post Instagram su WordPress che verranno aggiunti in futuro.

Spero tu abbia trovato utile questo post e sei riuscito a incorporare e centrare i post di Instagram in WordPress!

Se hai domande o pensieri, lascia un commento.

Altro su WordPress

Non dimenticare di condividerlo con i tuoi amici!

Se hai bisogno di altri consigli per quanto riguarda WordPress non esitare a dare un’occhiata alla nostra sezione di supporto dedicata.

La conoscenza muore se non è condivisa ...!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.