Il pannello Tema del sito consente di apportare modifiche che influiscono sull'intero sito. Puoi personalizzare il testo, i pulsanti, le immagini, lo sfondo e i widget di navigazione del sito dal pannello di progettazione. Ciò consente di apportare modifiche visive radicali in modo rapido ed efficiente, riducendo i tempi di progettazione e mantenendo lo stile del sito coerente tra le
Per aprire il pannello Tema del sito, nel pannello laterale, fai clic suTema. Quando il pannello Tema del sito è aperto, la tela viene automaticamente ridotta al 50% di visualizzazione in modo che l'intera tela sia visibile durante la regolazione delle impostazioni del tema del sito. Se desideri tornare alla visualizzazione canvas al 100%, fai clic sul menu a discesa nella barra in alto e seleziona 100%. La possibilità di ingrandire o ridurre è disponibile anche in modalità anteprima.
Nota
-
Le modifiche apportate a widget o pagine specifici sostituiranno i temi impostati nel pannello Tema del sito. Ti consigliamo di scegliere innanzitutto il tema del sito e quindi di personalizzare le parti del sito che desideri risaltare o che abbiano un aspetto diverso
Questa sezione ti consente di controllare il testo del tuo sito, sia per il testo che per i titoli di tutte le dimensioni (da H1 a H6). Cambia lo stile e l'aspetto del testo sull'intero sito. Puoi modificare il tipo e la dimensione del carattere e anche scegliere le impostazioni per il testo normale, i link e i titoli.
La modifica della dimensione del carattere, dello stile, del colore e di altre modifiche influirà sui paragrafi futuri e su altri tipi di testo, nonché sui widget correnti collegati al testo del sito che non sono stati modificati manualmente.
Per configurare il testo del tema:
-
Fai clic sulla freccia accanto a Testo.
-
Fate clic sul tipo di testo desiderato. Le opzioni sono:
-
DFLT. Questo imposterà il tema per tutto il testo nei widget che non sono assegnati a un'intestazione o allo stile di paragrafo, come il widget di navigazione. Qui è possibile impostare anche il colore e la sottolineatura del testo del collegamento. Inoltre, hai la possibilità di personalizzare l'aspetto dei link per diversi stati, tra cui Default Link State, Link On-hover e Link Clicked
-
PAR. Questo imposterà il tema per il widget di testo.
-
Intestazione e sottotitoli H1-H6.
-
-
È possibile modificare quanto segue per tipo di testo:
-
Font
-
Dimensione del carattere. È impostato separatamente per desktop/tablet e dispositivi mobili
-
Ridimensiona il testo. (Solo Editor 2.0) Se abilitato, il testo viene ridimensionato in base alla larghezza del contenitore principale. Questo può essere utile se non si desidera un'interruzione di riga in un'intestazione. I widget con testo collegati al tema erediteranno questa impostazione, tuttavia l'impostazione può essere sovrascritta
-
Colore del carattere
-
Formato del carattere
-
Direzione del testo
-
Spessore del carattere
-
Altezza della linea
-
Spaziatura tra lettere
-
Tutto maiuscolo
-
Ombra del testo
-
Le modifiche apportate nell'area di testo del tema comportano la modifica di tutto il testo del sito che non viene sovrascritto da singole modifiche di stile personalizzate. Quando vengono apportate modifiche manuali a singoli elementi, il tema del sito viene sovrascritto e qualsiasi modifica apportata al tema del sito non influirà più sullo stile di questi elementi. Ciò avviene nelle impostazioni di stile individuali di un determinato elemento del sito, ad esempio, se hai cambiato solo il colore del testo in un particolare widget H1
-
E poi ha cambiato ildimensione del caratteredi H1 nel tema del sito, la dimensione del carattere H1 cambierà comunque nel widget H1.
-
E poi ha cambiato ilcoloredi H1 nel tema del sito, l'H1 che era stato modificato non verrà aggiornato con il cambio di colore.
È possibile aggiornare il testo del tema nelle impostazioni del testo facendo clicTema, quindi selezionandoTesto. Oppure, puoi fare clic su un widget di testo per aprire il menu contestuale, fare clic sul menu a discesa di selezione dell'intestazione e selezionareAggiorna tema. Si apriranno le impostazioni del testo del tema in cui è possibile effettuare gli aggiornamenti.
L'editor offre una varietà di caratteri per l'uso. Imposta un tipo di carattere per il testo del tema o scegli di differenziare il testo utilizzando più caratteri diversi sul tuo sitoPer aggiungere caratteri personalizzati al tuo sito, consulta Font personalizzati.
Per visualizzare i caratteri disponibili e vedere a cosa assomigliano:
-
Fare clic Testo.
-
Seleziona un carattere dalCaratteremenu a discesa.
Puoi aggiungere caratteri personalizzati dalla libreria di caratteri di Google o caricando file di caratteri personalizzati (TTF, OTF, EOT, WOFF2 o WOFF). Per prestazioni ottimali, si consiglia di utilizzare file WOFF o WOFF2
Nota
-
Se hai solo un file .otf o .ttf, ti consigliamo di utilizzare uno strumento esterno come FontSquirrel per convertirlo nel formato richiesto.
-
Per mantenere la conformità al GDPR, i caratteri personalizzati vengono caricati dal nostro CDN senza la necessità di chiamare l'API di Google Fonts.
-
Se salvi un sito come modello, includerà tutti i caratteri personalizzati che sono stati aggiunti.
-
Se reimposti un sito, i caratteri personalizzati vengono rimossi.
Per aggiungere un carattere personalizzato:
-
Puoi aggiungere caratteri personalizzati da una delle seguenti posizioni:
-
Nel pannello laterale, fai clic suTema, quindi fai clic suTesto. Espandi la sezione di testo desiderata. Accanto all'elenco dei caratteri, fai clic suAggiungi e gestisci caratteri(
) icona.
-
Dall'editor di design di un widget, per qualsiasi elemento di testo, fai clic suAggiungi e gestisci caratteri(
-
-
Seleziona una delle seguenti opzioni:
-
Font Google. Seleziona un carattere dall'elenco dei caratteri di Google. Il carattere viene visualizzato nell'elenco Google Fonts aggiunti di seguito. Per rimuovere un carattere, fai clic su X accanto al carattere nell'elenco. Tieni presente che l'elenco potrebbe già visualizzare i caratteri aggiunti al modello. Si consiglia di non rimuovere i caratteri del modello.
-
Font personalizzati. Fai clic su Carica caratteri per caricare un file di caratteri personalizzato. È possibile selezionare più caratteri contemporaneamente. Per rimuovere un carattere, fai clic sulla X accanto al carattere nell'elenco.
-
-
Fare clic Fatto.
Il carattere viene aggiunto all'elenco dei caratteri in tutto il sito.
Nota
caratteri Adobe non vengono visualizzati nell'elenco dei caratteri. È necessario aggiungere la famiglia di caratteri al codice.
Se rimuovi un carattere attualmente utilizzato sul sito, il testo tornerà a utilizzare il carattere predefinito. Non è possibile rimuovere nessuno dei caratteri predefiniti
Per rimuovere i caratteri personalizzati da un sito:
-
Fare clicTesto. Espandi la sezione di testo che utilizza il carattere personalizzato. Accanto all'elenco dei caratteri, fai clic suAggiungi e gestisci caratteri(
-
Fai clic suXaccanto al carattere nell'elenco per rimuovere il carattere dal sito.
Se rimuovi un font Google, devi ripubblicare il sito affinché la modifica abbia effetto. Tuttavia, se rimuovi un carattere caricato, non è necessario ripubblicarlo perché la modifica abbia effetto
I colori consentono di definire una tavolozza di colori e collegare i singoli colori a uno o tutti i widget con le impostazioni dei colori. Il colore di qualsiasi elemento collegato ai colori del tema verrà aggiornato automaticamente quando il colore collegato viene modificato nelle impostazioni dei colori del tema. Ciò consente di apportare rapidamente modifiche ai colori, il che aiuta a ridurre i tempi di progettazione e garantisce che lo stile del sito sia coerente tra le pagine.
I proprietari degli account dispongono automaticamente delle autorizzazioni di editor e possono modificare, visualizzare e utilizzare i colori del tema. I membri del team e i clienti che non dispongono delle autorizzazioni di editor possono visualizzare e utilizzare i colori del tema, ma non possono modificarli
Puoi configurare fino a 30 colori del tema.
Per configurare i colori del tema:
-
Seleziona la freccia accanto aColori.
-
Fai clic suPlusicona accanto aPrimaria, o qualsiasi impostazione tu debba definire.
-
Digitate il valore HEX o RGB del colore desiderato oppure utilizzate lo strumento contagocce per selezionare un colore.
-
(Facoltativo) Puoi generare colori dal tuo logo. Fai clic per aprire il colore primario, quindi apri Marca scheda e fai clic + Aggiungi logo (se hai aggiunto un logo alle tue informazioni aziendali nella Libreria dei contenuti, verrà visualizzato qui). Dopo aver aggiunto il logo, viene generato un set di colori.
Se devi rimuovere o sostituire il logo, fai clic sull'icona a tre puntini accanto al logo e seleziona una delle due opzioni Rimuovi o Sostituisci immagine. Tieni presente che hai bisogno dell'autorizzazione Content Library & Business Info per caricare, rimuovere o sostituire il logo.
Ripeti questi passaggi se necessario per ogni colore del tema. Successivamente, è necessario collegare i colori ai widget sul tuo sito.
Se al sito o al modello non sono già collegati colori, è possibile farlo automaticamente. Il generatore automatico di colori per temi analizza il sito e rileva i colori utilizzati più di frequente. Genera un elenco di colori tra cui scegliere e, una volta selezionati, quei colori diventano i colori del tema e sono collegati ai widget del sito
Per configurare automaticamente i colori del tema:
-
Seleziona la freccia accanto a Colori.
-
Fare clicImposta i colori del tema.
-
Fare clicCollegalo per meoLo collegherò io stesso.
-
(Facoltativo) Se hai selezionato Mi collegherò da solo, fai clic suInoltreicona accanto a ciascun colore nel pannello di progettazione e seleziona i colori singolarmente.
-
Seleziona quale dei colori generati desideri utilizzare.
-
Fare clicSalva e collega i colori.
I colori verranno inseriti nella sezione Colori del pannello Tema del sito.
Per collegare un widget a un colore del tema:
-
Fai clic su un widget per aprirne il menu delle impostazioni.
-
Apri le impostazioni del colore e seleziona uno dei colori del tema elencati in alto.
-
Ripetere se necessario per gli altri elementi.
-
(Facoltativo) Se devi modificare uno dei colori del tema, fai clic sull'icona della matita e si apriranno le impostazioni dei colori del tema in cui puoi modificare il colore desiderato.
Una volta che un widget è collegato ai colori del tema, si aggiornerà automaticamente quando il colore del tema collegato viene aggiornato.
È importante notare che solo i proprietari degli account e i membri dello staff con autorizzazioni di editor possono rinominare i colori dei temi del sito. I clienti non possono rinominare i colori dei temi del sito, anche se dispongono
Per rinominare i colori del tema:
-
Fare clic Colori.
-
Passa il mouse sul nome del colore desiderato e fai clic sull'icona a forma di matita.
-
Digita un nuovo nome.
Il nuovo nome viene salvato automaticamente e viene visualizzato quando si passa con il mouse sul colore nel selettore di colori.
Puoi disconnettere tutti i widget collegati ai singoli colori del tema.
Per disconnettere un widget:
-
Fare clicColori.
-
Fai clic sull'icona con tre puntini orizzontali (
) accanto a Colori testo e selezionaRimuovi i colori del tema.
-
Seleziona i colori da rimuovere, quindi fai clic suRimuovi i colori selezionati.
Questa sezione ti consente di definire lo stile dei widget dei pulsanti principali e secondari sul tuo sito. Seleziona uno dei nostri layout di pulsanti e imposta il testo, il colore di sfondo, il bordo, lo stato del passaggio del mouse, gli angoli
Per nascondereTorna all'iniziopulsante sul cellulare, abilita l'interruttore nella sezione Layout del sito.
Nota
Queste informazioni sono specifiche per l'Editor classico e non sono rilevanti per l'Editor 2.0 (precedentemente noto come All-Flex Editor). Per identificare la versione corrente dell'editor vediCome identificare la versione dell'editor utilizzata dal tuo sito .
Questa sezione consente di definire il tema per il design di righe e colonne in termini di colore di sfondo e spaziatura predefinita. Le modifiche che verranno apportate a singole righe o colonne sostituiranno le impostazioni delle righe e delle colonne del tema
Questa sezione ti consente di controllare lo stile di sfondo per il tuo sito. Scegli se usare un colore o un'immagine come sfondo. Scegli un'immagine di sfondo personalizzata dalla galleria fotografica o carica le tue immagini per aggiungere un design unico al sito. Le modifiche riguardano anche il desktop e il tablet.
Nota
Per informazioni sugli sfondi degli elementi del sito, consulta Sfondi di elementi.
Per personalizzare lo sfondo del sito:
-
Fai clic sulla freccia accanto aSfondi.
-
Fare clicSfondo predefinito
-
Fai clic suColoreoImmaginescheda o seleziona un colore per lo sfondo del sito o carica un'immagine.
-
(Facoltativo) Fai clic suNon ottimizzate questa immagineattiva questa opzione per impedire l'ottimizzazione (questa impostazione verrà visualizzata dopo la selezione di un'immagine).
Per personalizzare lo sfondo per pagina:
-
Fai clic sulla freccia accanto aSfondi.
-
Fare clicSfondo per pagina.
-
Seleziona una pagina dal menu a discesa e seleziona l'immagine o il colore per la pagina specifica.
-
(Facoltativo) Fai clic suNon ottimizzate questa immagineattiva questa opzione per impedire l'ottimizzazione (questa impostazione verrà visualizzata dopo la selezione di un'immagine).
Nota
Queste informazioni sono specifiche dell'Editor 2.0, precedentemente noto come All-Flex Editor. Per identificare la versione attuale dell'editor vediCome identificare la versione dell'editor utilizzata dal tuo sito .
Dal Tema pannello, puoi modificare il layout del sito, che include l'impostazione della larghezza della pagina e della spaziatura predefinita tra sezioni, colonne e colonne interne.
Per accedere alle impostazioni del layout del sito:
-
Fare clic Larghezza e spaziatura.
-
Fai clic sulla sezione desiderata per espanderla.
È possibile impostare la larghezza di pagina predefinita per le sezioni non impostate sulla larghezza completa (precedentemente denominata «full bleed») sul desktop. La regolazione della larghezza predefinita della pagina può contribuire a garantire la migliore leggibilità e il miglior design del sito per la sua visualizzazione. Ad esempio, alcuni siti Web vengono visualizzati su uno schermo televisivo o su schermi più grandi del normale computer desktop
Per impostare la larghezza di pagina predefinita:
-
Fare clic Larghezza e spaziatura.
-
Fai clic per espandere Larghezza della pagina sezione.
-
Seleziona uno dei 1200 px, 1440 pixel, oppure Personalizzato. Se selezioni Personalizzato, usa il cursore per selezionare la larghezza in pixel o inserisci un valore nel campo. Il valore personalizzato può essere compreso tra 960 px e 1920 px o tra 50 vw e 100 vw
Abilita il Larghezza completa attiva se desideri che tutte le nuove sezioni abbiano la larghezza completa per impostazione predefinita.
Puoi impostare la spaziatura interna predefinita per le nuove sezioni vuote aggiunte al tuo sito. Se lo desideri, puoi sovrascrivere la spaziatura tra le sezioni del tema nel pannello di progettazione della sezione
Considerazioni importanti:
-
Le sezioni aggiunte all'intestazione mantengono la spaziatura predefinita, indipendentemente da ciò che è impostato nella spaziatura delle sezioni del tema.
-
Nota che le sezioni create prima del rilascio di questa funzionalità (5 agosto 2025) non ereditano automaticamente il padding Spacing delle sezioni, tuttavia possono essere ricollegate aprendo il pannello di progettazione della sezione e facendo clic su Reimposta la spaziatura del tema nel cassetto Spaziatura delle sezioni.
Per impostare la spaziatura tra le sezioni:
-
Fare clic Larghezza e spaziatura.
-
Fai clic per espandere Spaziatura tra le sezioni sezione.
-
Fate clic nelle rispettive caselle per modificare i valori del padding. I valori del padding orizzontale sono collegati. Se ne modifichi uno, l'altro verrà aggiornato automaticamente. Possono essere scollegati facendo clic sull'icona del collegamento. Nota che la spaziatura tra le sezioni è impostata per
Se necessario, fare clic su Reimposta il padding per azzerare tutti i valori.
Se modifichi il padding di una singola sezione, sovrascrive le impostazioni del tema. Puoi ripristinarlo alle impostazioni di spaziatura delle sezioni del tema aprendo il pannello di progettazione della sezione Reimposta la spaziatura del tema nel cassetto Spaziatura delle sezioni.
Puoi impostare la spaziatura interna predefinita per le nuove colonne vuote aggiunte al tuo sito. Se lo desideri, puoi sovrascrivere la spaziatura tra le sezioni del tema nel pannello di progettazione della colonna
Per impostare la spaziatura predefinita per le colonne:
-
Fare clic Larghezza e spaziatura.
-
Fai clic per espandere Spaziatura tra le colonne sezione.
-
Fate clic nelle rispettive caselle per modificare i valori del padding. I valori del padding verticale sono collegati. Se ne modifichi uno, l'altro verrà aggiornato automaticamente. Possono essere scollegati facendo clic sull'icona del collegamento
Puoi impostare il padding predefinito per le nuove colonne interne aggiunte al tuo sito. Se lo desideri, puoi sovrascrivere la spaziatura tra le sezioni del tema nel pannello di progettazione della colonna interna
Per impostare la spaziatura predefinita per le colonne interne:
-
Fare clic Larghezza e spaziatura.
-
Fai clic per espandere Spaziatura interna delle colonne sezione.
-
Fate clic nelle rispettive caselle per modificare i valori del padding. I valori del padding verticale sono collegati. Se ne modifichi uno, l'altro verrà aggiornato automaticamente. Possono essere scollegati facendo clic sull'icona del collegamento
Nota
Queste informazioni sono specifiche per l'Editor classico e non sono rilevanti per l'Editor 2.0 (precedentemente noto come All-Flex Editor). Per identificare la versione corrente dell'editor vediCome identificare la versione dell'editor utilizzata dal tuo sito .
Controlla la navigazione del layout del sito su desktop, tablet e dispositivi mobili. Per la versione desktop, puoi scegliere tra due larghezze: 960 px o 1200 px
La modifica del layout di navigazione spesso influisce sul comportamento dell'intestazione e talvolta del resto del sito. Se l'intestazione appare improvvisamente errata dopo aver modificato il layout, prova con un layout diverso
Nota
Queste informazioni sono specifiche per l'Editor classico e non sono rilevanti per l'Editor 2.0 (precedentemente noto come All-Flex Editor). Per identificare la versione corrente dell'editor vediCome identificare la versione dell'editor utilizzata dal tuo sito .
Puoi modificare il layout del sito desktop in un layout di barra laterale. Il layout della barra laterale mostra l'intestazione sul lato del sito (a sinistra o a destra) ed è un ottimo strumento di progettazione per dare un aspetto unico al tuo sito. L'intestazione della barra laterale funge anche da intestazione permanente, quindi verrà sempre visualizzata sullo schermo e puoi anche aggiungere widget nella barra laterale come qualsiasi
Nota
-
Quando passi da un layout del sito tradizionale a un layout della barra laterale, l'intestazione mantiene il logo e tutti i widget che avevi verranno rimossi (simile a cambiare il layout dell'intestazione sul layout dell'intestazione superiore). Il colore dello sfondo verrà modificato in base
-
L'intestazione ridotta non è disponibile per la navigazione nella barra laterale. La barra laterale viene sempre visualizzata sul sito indipendentemente dallo scorrimento del sito
-
Sugli schermi con una larghezza inferiore a 1090 pixel, il contenuto della barra laterale tranne la prima immagine verrà nascosto e verrà visualizzata l'icona del menu di espansione. Puoi personalizzare il colore del pulsante di attivazione che appare nell'
Per modificare il layout del sito in un layout della barra laterale:
-
Fai clic sulla freccia accanto aLayout del sito.
-
Seleziona il layout della barra laterale, puoi aggiungere righe, trascinare i widget nell'intestazione della barra laterale e personalizzarla.
Per modificare il design dell'intestazione della barra laterale, passa il mouse sopra la barra laterale e fai clic suBarra lateralenell'angolo in alto a destra. Puoi scegliere uno dei diversi layout dell'intestazione della barra laterale da applicare al tuo sito, visualizzarlo sul lato sinistro o destro dello schermo, definirne la larghezza