Salta al contenuto
Nota bene: la traduzione in olandese di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.

Modifica le impostazioni del tuo tema

Ultimo aggiornamento: agosto 12, 2021

Si applica a:

Marketing Hub Professional, Enterprisee
CMS Hub Starter, Professional, Enterprisee
Legacy Marketing Hub Basic

Un tema è un insieme di stili e modelli che puoi applicare alle pagine del tuo sito web e ai blog in HubSpot. Per assicurarti che il tuo sito web abbia un aspetto coerente, le impostazioni di stile per tutte le pagine che utilizzano lo stesso tema sono gestite nelle impostazioni del tema. Puoi facilmente personalizzare le impostazioni del tuo tema cliccando sulla scheda Design nel pannello di sinistra nell'editor delle pagine. Le impostazioni del tema possono essere regolate con controlli intuitivi come toggle, interruttori e selettori di colore.

Prima di iniziare

Le impostazioni del tema controllano i colori principali, i caratteri e gli stili dei pulsanti per le pagine che utilizzano i tuoi modelli di tema.

Nota: le opzioni di stile disponibili nelle impostazioni del tema dipendono dalle opzioni di campo del tema incluse dallo sviluppatore web che ha creato il tuo tema.

Alcuni dei contenuti del tuo sito web sono gestiti in altre parti delle impostazioni del tuo account, tra cui:

Modifica le impostazioni del tema

Per modificare le impostazioni del tuo tema, dovrai prima creare una pagina con un modello di tema. Le impostazioni del tema sono accessibili all'interno dell'editor della pagina cliccando sullascheda Design a sinistra. Poi clicca su Modificaimpostazioni del tema.

edit-global-themes-from-editor

La personalizzazione dei colori, dei caratteri e della spaziatura imposterà gli stili predefiniti per tutti gli elementi della tua pagina. Se vuoi modificare dettagli specifici come i colori dei link, i colori dei pulsanti o i colori predefiniti dei moduli, clicca su Edit accanto a Altre impostazioni per visualizzare ulteriori impostazioni del tema disponibili per i tuoi modelli.

Colori

Le impostazioni dei colori del tuo tema applicano un colore primario, secondario e di sfondo a tutti gli elementi inclusi nei tuoi modelli di tema. Questi stili saranno applicati a tutti gli elementi del tuo sito web. Per personalizzare impostazioni più specifiche per intestazioni, font e link, clicca su Modifica accanto a Altre impostazioni.

edit-global-theme-colors

Font

Scegli un font primario e secondario da applicare alle intestazioni, ai moduli, ai pulsanti e al testo del corpo del tuo sito web. Tutti i font di Google sono supportati. Clicca sulla bolla del colore per personalizzare i colori del tuo font primario o secondario. Puoi scegliere un semplice valore di colore o cliccare sulla scheda Advanced e scegliere un valore esadecimale specifico con un selezionatore di colori.

edit-global-theme-fonts

Spaziatura

Le impostazioni del tuo tema per la spaziatura controllano la larghezza massima del contenuto della tua pagina e la spaziatura verticale tra i diversi elementi della tua pagina.

edit-global-theme-spacing

Altre impostazioni

All'interno delle impostazioni del tuo tema, puoi avere ulteriori impostazioni dettagliate per stili più specifici sulla tua pagina. Le opzioni di stile nel tuo tema sono basate sui campi del tema inclusi nel template codificato del tuo tema. Se non sei in grado di individuare l'impostazione che stai cercando, contatta il tuo designer di template per vedere quali opzioni sono state incluse nel tuo template.

L'esempio qui sotto è una guida generale a quali tipi di aggiunte possono essere incluse nel tuo tema. Per un riferimento completo dei campi del tema che possono essere inclusi nei tuoi modelli, vedi la documentazione dei designer.

Nota: ricorda che puoi personalizzare i caratteri, i colori e gli stili all'interno di un modulo di testo ricco sulla tua pagina, o sovrascrivendo gli stili predefiniti del tuo tema all'interno dell'editor di pagina. Modifica questi stili solo se vuoi che siano applicati a tutte le pagine che usano questo tema.

Tipografia

Nelle tue impostazioni tipografiche, puoi controllare i font applicati a certi elementi nei tuoi modelli. Tutti i font di Google sono supportati. Puoi anche selezionare colori personalizzati per certe intestazioni, font o link nel tuo tema.

  • Headings:puoi personalizzare il carattere esatto, il colore, la dimensione e lo stile per qualsiasi titolo incluso nel tuo tema.
  • Corpo:personalizza il carattere, il colore o la dimensione del testo solo per il corpo della tua pagina.
  • Link:personalizza il colore predefinito dei link sul tuo sito web. Puoi anche personalizzare il colore e il comportamento dei link quando un visitatore passa sopra o clicca sul tuo link.

Pulsanti

Puoi impostare colori, caratteri e stili personalizzati per i pulsanti delle tue pagine e del tuo blog. All'interno dell'editor di pagina per una pagina specifica, potresti essere in grado di scambiare le dimensioni o i tipi di pulsanti, a seconda di come il tuo tema è stato creato dallo sviluppatore del sito.

  • Dimensione: specifica le dimensioni dei pulsanti piccoli, regolari e grandi sulla tua pagina.
  • Primario: un pulsante primario è per l'azione più importante che un visitatore compie sulla tua pagina. Questo colore dovrebbe risaltare e catturare l'attenzione del tuo visitatore.
  • Secondario: un pulsante secondario è usato per azioni relativamente meno importanti quando c'è già un pulsante primario sulla tua pagina. I pulsanti secondari sono tipicamente applicati alle pagine per azioni a bassa priorità.
  • Semplice: questi sono i caratteri e gli stili predefiniti applicati ai moduli di pulsanti semplici nella tua pagina.

Moduli

Personalizza i colori, i caratteri e gli stili di testo predefiniti e gli stili dei pulsanti per i tuoi moduli.

  • Titolo: questi sono gli stili applicati al campo di testo che appare sopra tutto il tuo modulo. Questo tipicamente include un saluto e le istruzioni per completare il modulo. Questi stili del tuo modulo possono essere gestiti solo qui nelle impostazioni del tuo tema.
  • Etichette: stili applicati alle etichette che appaiono sopra un campo del modulo.
  • Campi: stili applicati ai nomi dei campi del modulo stesso.
  • Help text: questoè il contenuto di esempio che appare all'interno di ogni campo del modulo, indicando quale tipo di informazione il tuo visitatore dovrebbe inviare.
  • Invia: scegli quale stile e dimensione del pulsante deve essere applicato ai tuoi moduli.
  • Colore di sfondo: ilcolore di sfondo applicato al tuo modulo.
  • Bordo: ilcolore del bordo intorno ai campi del modulo.
  • Padding: la quantità di spaziatura intorno al modulo nella tua pagina.

Tabelle

Imposta i colori, i caratteri, la spaziatura e i bordi predefiniti per le tabelle aggiunte alla tua pagina.

  • Intestazione della tabella: icolori applicati ai caratteri nell'intestazione della tua tabella e il colore di sfondo predefinito per tutta la larghezza della prima riga della tua tabella. Puoi anche impostare un bordo inferiore per un colore d'accento lungo il bordo inferiore dell'intestazione della tua tabella.
  • Colore carattere: colore predefinito per i caratteri della tua tabella.
  • Colore di sfondo:colore di sfondo predefinito per lo sfondo delle celle della tua tabella.
  • Border: ilcolore, la larghezza e lo stile del bordo predefinito della tua tabella.
  • Imbottitura: la quantità di spazio sopra e sotto la tua tabella nella tua pagina.

Scopri di più su come inserire una tabella in un modulo rich text nella tua pagina.

Intestazione del sito web

Queste impostazioni controllano i colori e i caratteri che appaiono nell'intestazione della tua pagina, compreso il tuo menu di navigazione. Scopri come impostare iltuo menu di navigazione nelle impostazioni del tuo account. Perimpostare il logo della tua azienda sui tuoi modelli di tema, aggiungi l'immagine del tuo logo alle impostazioni predefinite del tuo account nella sezione Branding .

  • Menu:seleziona il colore e lo stile del carattere per il tuo menu di navigazione quando i visitatori visualizzano, passano sopra o cliccano su un elemento del menu. Questi stili possono essere gestiti solo qui nelle impostazioni del tuo tema.
  • Colore di sfondo:seleziona il colore per lo sfondo dell'intestazione del tuo sito web.
  • Bordo inferiore: se lo desideri, puoi aggiungere una linea orizzontale come bordo sotto l'intestazione del tuo sito web. Seleziona uno stile per attivare il bordo inferiore, quindi seleziona un colore e una larghezza per il tuo bordo.

Piè di pagina

Queste impostazioni controllano i colori e i caratteri che appaiono nel piè di pagina, compresi i menu di navigazione. Scopri come impostare iltuo menu di navigazione nelle impostazioni del tuo account.

  • Menu:seleziona il colore e lo stile del carattere per il menu di navigazione nel footer del tuo tema. Puoi personalizzare i colori per quando i visitatori visualizzano, passano sopra o cliccano su un elemento del menu. Questi stili possono essere gestiti solo qui nelle impostazioni del tuo tema.
  • Colore di sfondo:seleziona il colore per lo sfondo del piè di pagina del tuo sito web.
  • Bordo inferiore: se lo desideri, puoi aggiungere una linea orizzontale come bordo sotto il piè di pagina del tuo sito web. Seleziona uno stile per attivare il bordo inferiore, quindi seleziona un colore e una larghezza per il tuo bordo.

Blog

Queste impostazioni controllano lo stile del modello della tua pagina di annuncio e del modello di post del blog.

Banner images: carica le immagini da usare come sfondo dell'intestazione del tuo modello di blog. Puoi scegliere un'immagine per la homepage del tuo blog, e un'immagine da applicare a tutti i tuoi post del blog.

Tag: imposta il colore, i caratteri e gli stili predefiniti per i tag del tuo blog, che appaiono in cima ai tuoi post.