Guide/Crea contenuti/Widget/Personalizzare le icone social

Personalizzare le icone social

Dopo aver aggiunto le icone dei social media, puoi personalizzarne l’aspetto per adattarlo al design del tuo sito. Il blocco Icone social offre diverse opzioni di stile, descritte in questa guida.

Modificare lo stile dell’icona

Segui questi passaggi per scegliere tra le opzioni di stile dell’icona predefinite:

  1. Seleziona Visualizzazione a elenco nell’angolo superiore sinistro dell’editor.
  2. Fai clic sul blocco Icone social nella visualizzazione a 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 Stili, scegli tra:
    • Predefinito: icone standard.
    • Solo loghi: solo i loghi dei social media.
    • Bordi arrotondati: icone con gli angoli arrotondati.
  5. Fai clic su “Salva o “Pubblica” in alto a destra per applicare le modifiche.
L'opzione degli stili dell'icona nella barra laterale delle impostazioni degli stili del blocco Icone social.

Modificare i colori delle icone

Per modificare il colore dell’icona o il colore di sfondo del blocco Icone social, segui questi passaggi:

  1. Seleziona Visualizzazione a elenco nell’angolo superiore sinistro dell’editor.
  2. Fai clic sul blocco Icone social nella visualizzazione a 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 Impostazioni colore, troverai le opzioni per:
    • Colore dell’icona: modifica il colore delle icone dei social media.
    • Sfondo icona: cambia il colore dietro le icone.
    • Usa il menu () per attivare l’opzione di sfondo e impostare il colore di sfondo dell’intero blocco Icone social.
  5. Fai clic su “Salva o “Pubblica” in alto a destra per applicare le modifiche.
Le impostazioni dei colori nella barra laterale del blocco Icone social.

Scopri di più sulle impostazioni dei colori.

Ridimensionare le icone

Puoi ridimensionare le icone seguendo questi passaggi:

  1. Seleziona Visualizzazione a elenco nell’angolo superiore sinistro dell’editor.
  2. Fai clic sul blocco Icone social nella visualizzazione a elenco.
  3. Nella barra degli strumenti del blocco che appare, fai clic sull’impostazione “Dimensione” e scegli tra:
    • Piccola
    • Media
    • Grande
    • Molto grande
  4. Fai clic su “Salva o “Pubblica” in alto a destra per applicare le modifiche.
L'opzione di dimensione nella barra degli strumenti del blocco Icone social.

Aggiungere etichette di testo

Per impostazione predefinita, le icone dei social media vengono visualizzate senza etichette di testo. Per aggiungere le etichette:

  1. Seleziona Visualizzazione a elenco nell’angolo superiore sinistro dell’editor.
  2. Fai clic sul blocco Icone social nella visualizzazione a elenco.
  3. Nella barra laterale delle impostazioni del blocco, trova l’opzione “Mostra testo” e attivala. Il nome della piattaforma social apparirà insieme all’icona.
  4. Se desideri modificare il testo, fai clic su una singola icona e apri la barra laterale delle impostazioni del blocco.
  5. Inserisci il testo che desideri venga visualizzato nel campo “Testo“.
  6. Fai clic su “Salva o “Pubblica” in alto a destra per applicare le modifiche.
Icone social che mostrano l'etichetta di testo.

Aggiungere un bordo alle icone social

Per aggiungere un bordo o un’ombra al tuo blocco Icone social, segui questi passaggi:

  1. Seleziona Visualizzazione a elenco nell’angolo superiore sinistro dell’editor.
  2. Fai clic sul blocco Icone social nella visualizzazione a elenco.
  3. Nella barra laterale delle impostazioni del blocco, fai clic sull’icona Stili. Assomiglia a un cerchio bianco e nero.
  4. Individua la sezione “Bordo”.
  5. Regola la larghezza, il colore e il raggio del bordo utilizzando i controlli disponibili.

Scopri di più sull’aggiunta del bordo.

Copied to clipboard!