Icone social integrate

Visualizza, definisci lo stile e rimuovi le icone social sul tuo sito.

Ultimo aggiornamento 9 gennaio 2025

Puoi visualizzare le icone social integrate sul tuo sito dopo aver aggiunto i link social. Nella maggior parte dei casi, le icone vengono visualizzate nell'intestazione del sito automaticamente o dopo che le hai attivate nelle impostazioni di stile. Questa guida spiega come attivare, modellare e nascondere le icone social integrate.

Per informazioni su come riorganizzare le icone o aggiungere e rimuovere i servizi a cui si collegano, visita Aggiungere icone social. Per aggiungere icone ad altre aree del tuo sito, usa i blocchi link social.

Accesso a questa funzionalità

Se hai un sito in versione 7.0, la possibilità di visualizzare icone social integrate e la loro posizione dipende dal modello.

Visualizzazione integrata delle icone social per versione

La modalità di visualizzazione delle icone social integrate dipende dalla versione del sito.

Tutti i siti della versione 7.1 possono visualizzare icone social integrate nell'intestazione del sito. Per visualizzarli, potrebbe essere necessario attivarli:

  1. Apri il pannello Pagine e clicca su Modifica in qualsiasi pagina del sito.
  2. Posiziona il mouse sull'intestazione e clicca su Modifica intestazione sito.
  3. Fai clic su Aggiungi elementi e attiva l'opzione Link social.
  4. Se non hai ancora aggiunto link social al tuo sito, passa il mouse sopra l'intestazione e fai clic su Link social quando appare, quindi fai clic sull'icona a forma di matita . È possibile aggiungere collegamenti social nella scheda Contenuto. Tieni presente che i tuoi link social sono a livello di sito.
  5. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

Per ulteriori informazioni sull'intestazione del sito, visita Come creare l'intestazione di un sito.

Ecco un elenco di dove vengono visualizzate le icone social integrate nelle famiglie di modelli della versione 7.0. In alcuni modelli, potrebbe essere necessario attivarle per visualizzarle. Per ulteriore assistenza, consulta la guida del tuo modello.

Modello Computer Mobile
Adirondack Nessuno Nessuno
Avenue Piè di pagina Piè di pagina

Aviator

In alto a destra o in basso al centro, a seconda del layout. In basso al centro

Bedford

Nessuno Nessuno

Brine

Intestazione Nessuno

Farro

Intestazione Le icone non vengono visualizzate
Five Intestazione e/o piè di pagina Vengono visualizzate solo le icone del piè di pagina
Flatiron Piè di pagina Piè di pagina
Forte Intestazione Overlay navigazione
Galapagos Nessuno Nessuno
Ishimoto Piè di pagina Piè di pagina
Momentum Barra di navigazione Overlay navigazione

Montauk

Piè di pagina informativo Piè di pagina informativo
Native Piè di pagina Piè di pagina

Pacific

Nessuno Nessuno

Skye

Intestazione Piè di pagina
Supply Barra di navigazione laterale Overlay navigazione

Tremont

Intestazione Intestazione
Wells Barra di navigazione laterale Intestazione
Wexley Piè di pagina Piè di pagina

York

Nessuno Nessuno

Definire lo stile delle icone social

Puoi personalizzare le dimensioni, il bordo e il colore delle icone social integrate del tuo sito.

Dimensioni e bordo

Per modificare le dimensioni e il bordo delle tue icone social:

  1. Fai clic su Modifica in qualsiasi pagina del sito, poi su Modifica intestazione sito.
  2. Fai clic sui link social, fai clic sull'icona a forma di matita, quindi fai clic su Design.
  3. Usa il cursore Dimensioni icona social per modificare le dimensioni.
  4. Seleziona una forma del bordo e scegli Contorno o Tinta unita per definire lo stile del bordo.
  5. Se scegli Contorno, usa il cursore Spessore per modificare la larghezza del bordo.
  6. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

Colore su intestazioni Tinta unita o Sfumatura

Per modificare il colore delle icone social quando lo stile di sfondo dell'intestazione è impostato su Tinta unita o Sfumatura:

  1. Durante la modifica di una pagina, apri l'editor dell'intestazione
  2. Nell'editor delle intestazioni, fai clic su Modifica design, quindi fai clic su Colore.
  3. Clicca su Colore della navigazione per modificare il colore dei collegamenti di navigazione e delle icone social integrate.

Per modificare il colore delle icone social sulle intestazioni Tinta unita o Sfumatura al passaggio del mouse, modifica il tweak Sfondo pulsante principale nel tema cromatico predefinito del tuo sito. Tieni presente che questa operazione cambia anche il colore dei pulsanti utilizzando lo stile del pulsante principale sul tema cromatico predefinito.

Colore su intestazioni Adattive

Per modificare il colore delle icone social quando lo stile di sfondo dell'intestazione è impostato su Adattivo:

  1. Durante la modifica di una pagina, apri Stili sito, quindi fai clic su Colori.
  2. Fai clic sull'icona a forma di matita sulla combinazione di colori selezionata per l'intestazione del sito.
  3. Modifica il tweak Link di navigazione.
  4. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

Per cambiare il colore delle icone social sulle intestazioni con stile Adattivo al passaggio del mouse, modifica il tweak Sfondo pulsante principale nella combinazione di colori della sezione superiore. Tieni presente che questo cambia anche il colore dei pulsanti utilizzando lo stile del pulsante principale nelle sezioni che utilizzano questa combinazione di colori.

Per definire lo stile delle tue icone social:

  1. Apri il pannello Stili sito.
  2. Fai clic sulle icone social nell'anteprima del sito.
  3. Cambia lo stile delle icone usando i tweak di stile disponibili.
  4. Clicca su Salva.

Alcuni modelli hanno più opzioni, che possono includere:

Tweak di stile Opzioni
Stile icona social

Cambia la forma delle icone social. Le opzioni di solito includono:

  • Rotondo
  • Square
  • Normale - La forma predefinita del branding del servizio. Ad esempio, l'icona di Facebook avrà la forma di una "f".
Sovrapposizione di colori/Colore alternativo Scegli un secondo colore per la visualizzazione nei banner
Colore standard Usa il colore predefinito del branding del servizio.

Nascondere le icone integrate

Per nascondere le icone social integrate:

  1. Apri il pannello Pagine e clicca su Modifica in qualsiasi pagina del sito.
  2. Posiziona il mouse sull'intestazione e clicca su Modifica intestazione sito.
  3. Fai clic su Aggiungi elementi e disattiva l'opzione Link ai social.
  4. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.
  1. Apri il pannello Stili sito.
  2. Cerca i tweak Social. Il nome del tweak varia in base al modello, ma cerca opzioni come Nascondi icone social, Mostra icone social e Posizione social: nascondi. Fai clic sulle icone nell'anteprima per trovare il tweak.
  3. Clicca su Salva.

Nota

nei modelli Flatiron o Native le icone social integrate non possono essere nascoste.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.