Blocchi ” Social Icons Block

Il blocco Social Icons consente di aggiungere icone di social media a qualsiasi pagina o post e indirizzare le persone ai tuoi profili di social media.

Ecco un esempio:

Sommario

Inserire il blocco Icone sociali

È possibile aggiungere il blocco icone sociali selezionandolo dal pulsante Aggiungi blocco. In alternativa, è possibile digitare /social su una nuova riga e premere invio. Quando aggiungi il blocco per la prima volta, vedrai anche un’impostazione delle dimensioni che ti aiuterà a definire le dimensioni delle tue icone:

Un blocco di icone sociali vuoto con l'opzione Dimensione nella barra degli strumenti Blocco espanso per visualizzare le diverse dimensioni delle icone.

Per ulteriori informazioni, visita le nostre istruzioni dettagliate sull’aggiunta di blocchi.

Sommario

Aggiungi i tuoi profili social

Quando aggiungi per la prima volta il blocco, vedrai un pulsante+. Fare clic sul pulsante + per aggiungere la prima icona.

Il blocco Icone sociali senza icone sociali e un'icona più per aggiungere la prima icona.

Apparirà un elenco di tutte le icone disponibili. È possibile selezionare quello che si desidera dalla lista, o utilizzare l’opzione di ricerca per cercare un’icona come “Facebook”. È possibile aggiungere le icone a tutti i social network in questo modo.

L'icona più espansa per mostrare le diverse icone che possono essere aggiunti, così come un'opzione di ricerca.
Facebook è entrato nel campo di ricerca per trovare l'icona di Facebook Social Media.

Successivamente, puoi collegare l’icona al tuo profilo di social media. Per fare ciò, fai clic sull’icona una volta e apparirà una casella per inserire il tuo indirizzo. Digitare o incollare il link al tuo profilo di social media, e fare clic sull’icona della freccia per inserirlo.

GIF che mostra il processo di clic sull'icona sociale e aggiungendo il link al tuo profilo di social media.
Come collegare la tua icona social

⚠️

Se non aggiungi un link all’icona, non vedrai l’icona nell’anteprima o nel sito live.

Sommario

Aggiungi nuove icone

Fai clic sul pulsante + Aggiungi icona a destra delle icone correnti. Si aprirà un elenco di tutte le icone disponibili. È possibile cercare l’icona per selezionare quello che si desidera.

Gif: Fare clic sul pulsante Aggiungi icona per aprire l'elenco delle icone sociali disponibili.
Aggiunta di una nuova icona.

Se l’icona che si desidera non è lì, c’è un pulsante di collegamento generico che può essere utilizzato invece:

Aggiungi una nuova icona e cerca il link per aggiungere un social network personalizzato non nel nostro elenco predefinito.
L’icona del collegamento generico

Sommario

Elenco delle icone supportate

Le seguenti icone sono disponibili per l’uso:

  • 500px
  • Bandcamp
  • Behance
  • CodePen
  • DeviantArt
  • Dribbble
  • Dropbox
  • Etsy
  • Flickr
  • Foursquare
  • GitHub
  • Goodreads
  • Google
  • Instagram
  • Last.fm
  • LinkedIn
  • Email (mailto: link)
  • Mastodonte
  • Meetup
  • Medio
  • Patreon
  • Pinterest
  • Tasca
  • Reddit
  • Feed RSS (Url /feed/)
  • Skype
  • Snapchat
  • Soundcloud
  • Spotify
  • TikTok
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • WordPress
  • Yelp
  • YouTube

Sommario

Rimuovere un’icona

Per rimuovere un’icona, fare clic su di esso per aprire la sua individuale Toolbar. Fare clic sul pulsante puntini di sospensione (tre punti) per tale icona e selezionare Rimuovi blocco:

Gif: Fare clic sul pulsante puntini di sospensione (tre punti) sopra una singola icona per raggiungere l'opzione Rimuovi blocco per quell'icona.
Rimozione di un’icona di social media

Sommario

Impostazioni blocco

Ogni blocco ha opzioni specifiche nella barra laterale dell’editor oltre alle opzioni presenti nella barra degli strumenti blocco. Se non vedi la barra laterale, fai clic sull’icona’ cog ‘ accanto al pulsante Pubblica.

Stili

Nel blocco impostazioni, è possibile scegliere tra tre diversi stili per le vostre icone:

  • di Default
  • Loghi Solo
  • Pillola Forma
Le Icone Social Impostazioni di Blocco sul lato dell'editor Stili, Layout, e Collegamento impostazioni visualizzate.
Impostazioni di blocco
Giustificazione del layout

È possibile scegliere la giustificazione delle icone, da sinistra, centro, destra o spazio tra gli elementi.

Impostazioni collegamento

È inoltre possibile scegliere di aprire i collegamenti in una nuova scheda attivando l’opzione “Apri in una nuova scheda”. Quando questo è acceso, i collegamenti nelle icone sociali si apriranno in una nuova scheda.

Impostazioni colore

Ci sono due opzioni in Impostazioni colore che è possibile modificare.

Viene visualizzato il pannello Impostazioni colore delle Impostazioni del blocco Icona sociale.
  • Colore icona: cambia il colore delle icone nel blocco Icone sociali.
  • Icona colore di sfondo: Cambia il colore di sfondo di tutte le icone.

Sommario

Avanzate

La scheda avanzate consente di aggiungere una classe CSS al blocco, che consente di scrivere CSS personalizzati e lo stile del blocco come meglio credi. Per saperne di più.

La sezione avanzate consente di aggiungere una classe CSS al blocco.
La sezione avanzate consente di aggiungere una classe CSS al blocco.

Ogni icona di social media può anche avere una propria classe individuale. Aggiungi una classe a un’icona selezionandola e modificando il campo Classe CSS aggiuntivo per quell’icona:

Le impostazioni per una singola icona social includono l'etichetta Link (per gli screen reader) e l'opzione Classi CSS aggiuntive.
classe CSS campo per una singola icona

Versatile, piani e prezzi

  • Gratis

    Migliore per gli studenti

  • Personale

    Migliore per hobbisti

  • Premium

    Migliore per i liberi professionisti

  • Business

    Migliore per le piccole imprese

Scegliere un piano

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.