Guide/Crea contenuti/Widget/Organizzare le icone dei social media

Organizzare le icone dei social media

Dopo aver aggiunto il blocco Icone social, puoi personalizzare il modo in cui vengono visualizzate le tue icone. In questa guida scoprirai come riordinare le icone e modificarne l’aspetto sul tuo sito.

Riordinare le icone

Modifica l’ordine in cui vengono visualizzate le icone seguendo questi passaggi:

  1. Fai clic su un’icona social nel tuo blocco Icone social.
  2. Trascina l’icona per spostarla in una nuova posizione oppure utilizza le frecce nella barra degli strumenti del blocco per spostare l’icona a sinistra o a destra.
  3. Fai clic su “Salva o “Pubblica” in alto a destra per applicare le modifiche.

Passare al layout verticale

Per mostrare le icone in colonna una sopra l’altra, segui questi passaggi:

  1. Fai clic su Visualizzazione a elenco nell’angolo superiore sinistro dell’editor.
  2. Seleziona il blocco Icone social nell’elenco.
  3. Nella barra laterale delle impostazioni del blocco, fai clic sulla scheda Stili (l’icona assomiglia a un cerchio bianco e nero).
  4. In Layout, individua l’impostazione “Orientamento“.
  5. Seleziona “Verticale” per posizionare le icone in colonna.
Il blocco Icone social impostato sull'allineamento verticale.

Modificare la spaziatura delle icone social

Per modificare la spaziatura tra le icone social, segui questi passaggi:

  1. Fai clic su Visualizzazione a elenco nell’angolo superiore sinistro dell’editor.
  2. Seleziona il blocco Icone social nell’elenco.
  3. Nella barra laterale delle impostazioni del blocco, fai clic sulla scheda Stili.
  4. In Dimensioni, regola il margine e la spaziatura tra i blocchi.

Allineare le icone

Per modificare l’allineamento delle icone sul tuo sito, segui questi passaggi:

  1. Fai clic su Visualizzazione a elenco nell’angolo superiore sinistro dell’editor.
  2. Seleziona il blocco Icone social nell’elenco.
  3. Nella barra laterale delle impostazioni del blocco, individua l’impostazione Giustificazione.
    • Giustifica gli elementi a sinistra per posizionare le icone sul margine sinistro.
    • Giustifica gli elementi al centro per centrare le icone orizzontalmente.
    • Giustifica gli elementi a destra per posizionare le icone sul margine destro.
    • Spazio tra gli elementi per posizionare le icone a uguale distanza l’una dall’altra.
Copied to clipboard!