Personalizza il tema di una knowledge base

Personalizza l'aspetto e i contenuti della tua knowledge base in modo che rispecchino il tuo marchio e garantiscano ai visitatori un'esperienza di navigazione coerente. Utilizza l'editor dei temi per aggiornare i colori, la tipografia, il layout della homepage e degli articoli, nonché gli stili di intestazione e piè di pagina. Utilizza l'editor dei contenuti globali per aggiornare i contenuti di intestazione e piè di pagina, inclusi il logo, i menu, le opzioni di assistenza e i link ai social.

Prima di iniziare

Prima di personalizzare il tema della tua knowledge base, esamina questi requisiti e le considerazioni da tenere presenti.

Comprendere le limitazioni e le considerazioni

• Questi strumenti sono disponibili solo per le basi di conoscenza migrate. Scopri di più sulla migrazione della tua base di conoscenza.
• Per le basi di conoscenza che non sono state migrate, scopri di più su come creare e personalizzare una base di conoscenza legacy.
• La personalizzazione della knowledge base non è supportata nel Design Manager né con i temi personalizzati. Per una personalizzazione più approfondita, puoi aggiungere frammenti di codice alle impostazioni della tua knowledge base, anche nell’intestazione e nel piè di pagina del sito.

Personalizza gli stili del tema della base di conoscenza

Utilizza l'editor dei temi della knowledge base per definire uno stile visivo e un layout coerenti per la tua knowledge base. Aggiorna i colori e la tipografia, scegli i layout per la home page e le pagine degli articoli e configura gli stili di intestazione e piè di pagina.

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Servizio > Knowledge Base. Se Altro non appare nel tuo account, vai direttamente a Servizio > Knowledge Base.
2. In alto a destra, fai clic sul menu a discesa Configura e seleziona Tema.

Personalizza i colori

Le impostazioni di colore di un tema della knowledge base applicano un colore primario, secondario, di accento e di sfondo a tutti gli elementi inclusi nel modello del tema. Questi stili vengono applicati a tutti gli elementi della tua knowledge base.

1. Nell’editor del tema, fai clic sulla sezione Colori nella barra laterale sinistra.
2. Per ogni tipo di colore (ad es. " Primario"), fai clic sul selettore di colore e seleziona un colore per i campi "Primario", "Secondario", "Accento" e "Corpo". Per impostazione predefinita, verranno visualizzati i colori del tuo marchio.

Personalizza la tipografia

Scegli un font primario e uno secondario da applicare ai titoli, al corpo del testo e ai link URL della knowledge base.

1. Nell'editor del tema, fare clic su " Tipografia " nella barra laterale sinistra.
2. Nei campi "Primario" e "Secondario", fare clic sul menu a discesa dei caratteri e selezionare un font. Per modificare il colore del carattere, fare clic sul selettore di colore e selezionare un colore. A seconda del font selezionato, potrebbero essere disponibili ulteriori opzioni di stile (ad esempio, lo spessore del carattere).
3. Per modificare i caratteri dei titoli, del corpo del testo o dei link, fare clic sulle sezioni "Titolo" (H1-H6), "Corpo del testo" o "Link". Quindi fare clic sul menu a tendina dei caratteri e selezionare un carattere. Per modificare il colore del carattere, fare clic sul selettore di colore e selezionare un colore.

Personalizza i layout delle pagine

Scegli i layout per la home page della tua knowledge base e per le pagine degli articoli. Le opzioni di layout e le impostazioni di stile disponibili variano a seconda del tipo di pagina.

Personalizza il layout della pagina iniziale

1. Nell’editor del tema, fai clic sul menu a discesa “Visualizza su ” in alto a sinistra e seleziona “Homepage della knowledge base”.
2. Nella barra laterale sinistra, fai clic sulla sezione "Homepage " e seleziona un'opzione di layout, ad esempio " Riquadri " o "Minimal".

Personalizza il layout della pagina dell’articolo

1. Nell’editor del tema, fai clic sul menu a discesa "Visualizza come " in alto a sinistra e seleziona " Articolo della knowledge base".
2. Nella barra laterale sinistra, fare clic sulla sezione «Articolo» e selezionare un'opzione di layout, ad esempio «Barra laterale sinistra » o «Barra laterale destra»

Personalizza gli stili di intestazione e piè di pagina

Personalizza gli stili dell’intestazione e del piè di pagina del tema della tua knowledge base, incluse larghezza, colori, caratteri, menu e altri elementi. Le opzioni disponibili variano a seconda della sezione.

Personalizza gli stili dell’intestazione

• Larghezza dell’intestazione: seleziona " Larghezza intera " o " Larghezza del contenuto".
• Barra superiore: seleziona il colore di sfondo, il carattere predefinito e il carattere al passaggio del mouse.
• Selettore della lingua: clicca sul selettore di colore e seleziona un colore.
• Menu: seleziona il carattere predefinito, il carattere al passaggio del mouse, il colore di sfondo, la spaziatura e gli stili del menu a tendina.
• Pulsante: seleziona il carattere, la trasformazione del testo, il colore di sfondo, lo stile del bordo, il raggio degli angoli e il carattere al passaggio del mouse.
• Barra di ricerca: seleziona il tipo di sfondo, ad esempio colore o immagine, e configura la spaziatura, il testo dell'etichetta e gli stili del testo di input.

Personalizza gli stili del piè di pagina

• Larghezza del piè di pagina: seleziona «Larghezza intera » o «Larghezza del contenuto».
• Sfondo: clicca sul selettore di colore e seleziona un colore.
• Menu: seleziona il carattere predefinito e quello al passaggio del mouse. Per modificare il colore del carattere, clicca sul selettore di colore e seleziona un colore.
• Testo: seleziona un font.
• Icone social: seleziona la dimensione, la forma, il colore dell'icona, il colore di sfondo e l'allineamento.

Visualizza l'anteprima e pubblica le modifiche al tema

Visualizza l’anteprima del tema su diversi modelli, lingue e dispositivi prima di pubblicare le modifiche.

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Servizio > Knowledge Base. Se Altro non appare nel tuo account, vai direttamente a Servizio > Knowledge Base.
2. In alto a destra, fai clic sul menu a tendina Configura e seleziona Tema.
3. Nell'editor del tema, fai clic su " Anteprima " in alto a sinistra.
4. Per visualizzare un modello con contenuti di esempio, clicca sul menu a tendina "Visualizza su " in alto a sinistra e seleziona un modello.

4. Per visualizzare un modello in diverse lingue, fare clic sul menu a discesa " Lingua " in alto a sinistra e selezionare una lingua.

5. Per vedere come verrà visualizzato un modello su diversi dispositivi, clicca sulle icone dei dispositivi in alto a destra.

6. Al termine, clicca su Indietro in alto a sinistra.

7. Per rendere effettive le modifiche, clicca su " Pubblica tema " in alto a destra.

Modifica il contenuto globale dell’intestazione e del piè di pagina

Utilizza l'editor dei contenuti globali per personalizzare i contenuti visualizzati nell'intestazione e nel piè di pagina della tua knowledge base.

Modifica il contenuto dell'intestazione

Personalizza il contenuto dell'intestazione visualizzato in tutte le pagine della tua knowledge base, inclusi il logo, il menu di navigazione, le opzioni di assistenza, il pulsante e il selettore della lingua.

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Servizio > Knowledge Base. Se Altro non appare nel tuo account, vai direttamente a Servizio > Knowledge Base.
2. In alto a destra, fai clic sul menu a tendina "Configura " e seleziona " Intestazione".
3. Nell'editor dei contenuti globali, fare clic sull'icona " Contenuti di siteTree " nella barra laterale sinistra.
4. Nella barra laterale sinistra, fai clic sul modulo " Intestazione del sito web " e seleziona una delle seguenti opzioni:
   • Logo: attiva l’opzione “Sostituisci logo predefinito ” oppure fai clic su “Modifica logo predefinito in questo dominio”. Per visualizzare il nome della tua azienda, attiva l’opzione “Mostra nome azienda quando il logo non è impostato ”.
   • Opzioni di supporto aggiuntive: attiva gli interruttori "Mostra link al portale clienti", " Mostra accesso per i contenuti con restrizioni" o " Modulo di supporto ".
   • Menu: seleziona un menu e il numero massimo di livelli.
   • Pulsante: selezionare la casella di controllo "Aggiungi pulsante ", "Collega a" e " Tipo di collegamento".
   • Selettore di lingua: seleziona la casella di controllo “Aggiungi selettore di lingua ” e la “Modalità di visualizzazione”.
5. Al termine, fare clic su Pubblica su [#] risorse in alto a destra.

Modifica il contenuto del piè di pagina

Personalizza il contenuto del piè di pagina visualizzato in tutte le pagine della tua knowledge base, inclusi logo, menu, indirizzo, link ai social media e testo relativo al copyright.

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Servizio > Knowledge Base. Se Altro non appare nel tuo account, vai direttamente a Servizio > Knowledge Base.
2. In alto a destra, fai clic sul menu a discesa "Configura " e seleziona " Piè di pagina".
3. Nell'editor dei contenuti globali, fare clic sull'icona "Contenuti dell'siteTree " nella barra laterale sinistra.
4. Nella barra laterale sinistra, fai clic su un modulo per modificarne il contenuto:
   • Menu del piè di pagina: fare clic sul menu a tendina "Menu" e selezionare un menu. Per visualizzare il menu del piè di pagina in tutte le pagine della knowledge base, selezionare la casella di controllo "Mostra menu ".
   • Logo: attiva l ’interruttore “Sovrascrivi logo predefinito ” oppure fai clic su “Modifica logo predefinito in questo dominio”.
   • Indirizzo a piè di pagina: fare clic su “Modifica” nella vista espansa e inserire l’indirizzo a piè di pagina.
   • Segui sui social: passa con il mouse su un link social e clicca sull’icona di modifica « editIcon ». Clicca sul menu a tendina «Collegamento a» e seleziona un ’opzione.
   • Copyright nel piè di pagina: fare clic su "Modifica" nella vista espansa e inserire il copyright nel piè di pagina.
5. Al termine, clicca su “Pubblica su [#] risorse” in alto a destra.