HubSpot Knowledge Base

Personalizzare il tema della knowledge base

Scritto da HubSpot Support | Jan 27, 2021 6:09:08 PM

È possibile personalizzare l'aspetto della knowledge base scegliendo il layout, cambiando gli stili del tema e modificando il contenuto dell'intestazione o del piè di pagina nell'editor del tema. È inoltre possibile visualizzare un'anteprima di come il tema della knowledge base apparirà sui modelli, in diverse lingue e in diverse dimensioni dello schermo.

Limitazioni e considerazioni

Per personalizzare il tema della knowledge base sono necessari i permessi Impostazioni della knowledge base, Impostazioni globali dei contenuti e dei temi e un posto assegnato in Service Hub. Per saperne di più sui prezzi basati sulla sede di HubSpot.

Personalizzare gli stili dei temi della Knowledge Base

Nell'editor del tema della knowledge base sono disponibili opzioni per la configurazione di colori, tipografia, layout, intestazione e piè di pagina.

Colori

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

  1. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
  2. Fare clic per espandere la sezione Colori e selezionare un colore per i campi Primario, Secondario, Accento e Corpo. Per impostazione predefinita, verranno visualizzati icolori del marchio.
  3. Al termine, fare clic su Pubblica tema in alto a destra.

Tipografia

Scegliete un carattere primario e uno secondario da applicare ai titoli, al corpo e ai collegamenti della knowledge base.

  1. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
  2. Nella barra laterale sinistra, fare clic su Tipografia.
  3. Nelle sezioni Primario e Secondario, fare clic sul menu a discesa dei caratteri e selezionare un carattere. Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare un colore di carattere. Le ulteriori opzioni di stile del carattere (ad esempio, peso, dimensione o trasformazione delle maiuscole) dipendono dal carattere selezionato.
  4. Per modificare i font dell'intestazione, del corpo o dei collegamenti, fare clic per espandere le sezioni Intestazione (H1-H6), Corpo o Collegamento, fare clic sul menu a discesa dei font e selezionare un font. Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare il colore del carattere.
  5. Al termine, fare clic su Pubblica tema in alto a destra.

Layout

  1. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
  2. Fare clic per espandere la sezione Layout e selezionare un'opzione (ad esempio, Tiles o Minimal). Le diverse opzioni di layout supporteranno diverse opzioni di stile.
  3. Al termine, fare clic su Pubblica tema in alto a destra.

Intestazione

È possibile personalizzare gli stili dell'intestazione del tema della knowledge base, compresa la larghezza dell'intestazione, la barra superiore, il selettore di lingua, il menu, il pulsante e la barra di ricerca. È inoltre possibile modificare i colori, i caratteri e gli stili di passaggio del mouse all'interno di questi elementi.

  1. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
  2. Nella barra laterale sinistra, fare clic su Intestazione e selezionare uno dei seguenti elementi:
    • Larghezza intestazione: selezionare Larghezza intera o Larghezza contenuto.
    • Barra superiore: selezionare il colore di sfondo, il carattere base e il carattere Hover.
    • Selettore di lingua: fare clic sul selezionatore di colori e selezionare un colore.
    • Menu: selezionare il font di base, il font Hover, il colore di sfondo e gli stili a discesa.
    • Pulsante: selezionare il carattere, la trasformazione del testo, il colore di sfondo, lo stile del bordo, il raggio dell'angolo e gli stili del carattere Hover .
    • Barra di ricerca: selezionare il colore di sfondo, il testo dell'etichetta e gli stili del testo di input.
  3. Al termine, fare clic su Pubblica tema in alto a destra.

Piè di pagina

È possibile personalizzare gli stili del piè di pagina del tema della knowledge base, tra cui la larghezza del piè di pagina, lo sfondo, il menu, il testo e le icone sociali. È inoltre possibile modificare i colori, i caratteri e gli stili di passaggio del mouse all'interno di questi elementi.
  1. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
  2. Nella barra laterale sinistra, fare clic su Piè di pagina e selezionare uno dei seguenti elementi:
    1. Larghezza del piè di pagina: selezionare Larghezza intera o Larghezza contenuto.
    2. Sfondo: fare clic sul selezionatore di colori e selezionare un colore.
    3. Menu: selezionare il carattere Base e il carattere Hover. Per modificare il colore del carattere, fare clic sul selezionatore di colori e selezionare il colore del carattere.
    4. Testo: selezionare un carattere.
    5. Icone sociali: selezionare la dimensione dell'icona, la forma dell'icona, il colore dell'icona, il colore dello sfondo e l'allineamento.
  3. Al termine, fare clic su Pubblica tema in alto a destra.

Modifica del contenuto dell'intestazione della knowledge base

Personalizzate il contenuto dell'intestazione della base di conoscenza per inserire il vostro marchio o i vostri link di navigazione. Gli aggiornamenti pubblicati appaiono automaticamente su tutte le pagine della knowledge base.

  1. In alto a destra, fare clic sul menu a discesa Configura e selezionare Intestazione.
  2. Nell'editor globale dei contenuti, fare clic sull'icona siteTree Contents nella barra laterale sinistra.
  3. Nella barra laterale sinistra, fare clic sul modulo Intestazione sito web e selezionare uno dei seguenti:
    • Logo: attivare l'interruttore Sovrascrivi logo predefinito o fare clic su Modifica logo predefinito in questo dominio. Per mostrare il nome dell'azienda, attivare l'interruttore Mostra nome azienda quando il logo non è impostato.
    • Opzioni di supporto aggiuntive: attivare gli interruttori Mostra collegamento al portale clienti, Mostra accesso per contenuti riservati o Modulo di supporto.
    • Menu: selezionare un menu e i livelli massimi.
    • Pulsante: selezionare la casella di controllo Aggiungi pulsante, Collegamento a e Tipo di collegamento.
    • Commutatore di lingua: selezionare la casella di controllo Aggiungi commutatore di lingua e Modalità di visualizzazione.
  4. Al termine, fare clic su Pubblica su [#] attività in alto a destra.

Modifica del contenuto del piè di pagina della knowledge base

Personalizzate il contenuto del piè di pagina della base di conoscenza per presentare il vostro marchio o i vostri link di navigazione. Gli aggiornamenti pubblicati appaiono automaticamente su tutte le pagine della Knowledge Base.

  1. In alto a destra, fare clic sul menu a discesa Configura e selezionare Piè di pagina.
  2. Nell'editor globale dei contenuti, fare clic sull'icona siteTree Contents e selezionare una delle seguenti opzioni:
    • Menu a piè di pagina: fare clic sul menu a discesa Menu e selezionare un menu. Per mostrare il menu a piè di pagina in tutte le pagine della knowledge base, selezionare la casella di controllo Mostra menu.
    • Logo: attivare l'interruttore Sovrascrivi logo predefinito o fare clic su Modifica logo predefinito in questo dominio.
    • Indirizzo del piè di pagina: fare clic su Modifica nella vista espansa e inserire l'indirizzo del piè di pagina.
    • Seguito sociale: passare il mouse su un link sociale e fare clic sull' icona editIcon per modificarlo. Fare clic sul menu a discesa Collegamento a e selezionare un'opzione.
    • Copyright del piè di pagina: fare clic su Modifica nella vista espansa e inserire il copyright del piè di pagina.
  3. Al termine, fare clic su Pubblica su [#] attività in alto a destra.

Anteprima di un tema della knowledge base

Una volta creata la knowledge base, è possibile visualizzare l'aspetto del tema nell'editor dei temi. È possibile visualizzare l'aspetto del tema in diversi modelli, lingue e dimensioni dello schermo.

  1. In alto a destra, fare clic sul menu a discesa Configura e selezionare Tema.
  2. Per visualizzare un modello con contenuti di esempio, fare clic sul menu a discesa Visualizza su in alto a sinistra e selezionare un modello. Le modifiche al tema saranno applicate a tutti i modelli della knowledge base.

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

  1. Per visualizzare la visualizzazione di un modello su diversi dispositivi, fare clic sulle icone dei dispositivi nella parte superiore dell'editor o inserire la larghezza dello schermo in pixel.