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.

Utilizzare i temi

Ultimo aggiornamento: agosto 3, 2021

Si applica a:

Marketing Hub  Professional, Enterprisee
CMS Hub  Professional, Enterprisee

Un tema è un insieme di modelli, moduli, contenuti globali e impostazioni di stile che possono essere utilizzati per creare un sito web. I temi possono essere scaricati dall'Asset Marketplace, mentre Hub CMS gli account avranno anche accesso ai temi HubSpot predefiniti. È possibile modificare le pagine utilizzando un tema con l'editor di contenuti drag and drop e impostare i modelli di blog per utilizzare un tema nelle impostazioni del blog.

Capire i temi

Un tema è un insieme di file per il tuo sito web, tra cui:

  • Modelli codificati: un set di modelli per il tuo sito web, tra cui una homepage, una pagina di informazioni, una landing page e modelli di blog. Questi modelli sono codificati su misura da uno sviluppatore, ma il contenuto e il layout possono essere personalizzati nell'editor di contenuti drag and drop.
  • Moduli: un insieme di moduli unici del tema che puoi aggiungere al contenuto utilizzando quel tema.
  • Contenuto globale: contenuto ripetuto su più pagine, come l'intestazione o il piè di pagina di un sito web. Puoi modificare il contenuto globale direttamente dall'editor di pagina drag and drop.
  • Impostazioni del tema: impostazioni di stile per i modelli che utilizzano un tema, compresi i caratteri, la spaziatura e i colori.

Utilizzare un tema attivo

Puoi impostare un tema attivo per visualizzare le pagine di quel tema come opzioni predefinite per le nuove pagine create. Impostare o cambiare un tema attivo non cambierà il tema usato per il contenuto esistente. Temi aggiuntivi possono essere acquistati nel Marketplace delle risorse.

Impostare un tema attivo

  • Naviga verso il tuo contenuto:

    • Pagine del sito web: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
    • Pagine di atterraggio: Nel tuo account HubSpot, naviga su Marketing > Sito web > Landing page.
  • In alto a destra, clicca sul menua tendina Createe seleziona Website pageo Landing page.
  • Nella finestra di dialogo, inserisci un nome di pagina, poi clicca suCreate page.
  • Nella schermata di selezione del tema, seleziona un tema. In alto a destra, clicca suAnteprima pervedere l'anteprima del tema o su Seleziona econtinua per impostare il tema come attivo.

select-a-new-active-theme

Passare a un diverso tema attivo

  • Naviga verso il tuo contenuto:

    • Pagine del sito web: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
    • Pagine di atterraggio: Nel tuo account HubSpot, naviga su Marketing > Sito web > Landing page.
  • In alto a destra, clicca sul menua tendina Createe seleziona Website pageo Landing page.
  • Nella finestra di dialogo, inserisci un nome di pagina, poi clicca suCreate page.
  • Nella schermata di selezione del modello, clicca sul menua tendinaTheme e seleziona Change theme.

switch-active-themes

  • Nella schermata di selezione del tema, seleziona un tema. In alto a destra, clicca suAnteprima pervedere l'anteprima del tema o su Seleziona econtinua per impostare il tema come attivo.

select-new-active-theme

Creare una pagina usando un tema

  • Naviga verso il tuo contenuto:

    • Pagine del sito web: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
    • Pagine di atterraggio: Nel tuo account HubSpot, naviga su Marketing > Sito web > Landing page.
  • In alto a destra, clicca sul menua tendina Createe seleziona Website pageo Landing page.
  • Nella finestra di dialogo, inserisci un nome di pagina, poi clicca suCreate page.
  • Nella schermata di selezione dei modelli, clicca su un modello. I modelli del tuo tema attivo appariranno nellasezione Modelli ditema. Per selezionare un modello che non fa parte del tuo tema attivo, clicca su Altri modelli, poisu un modello.
  • In alto a destra, clicca suAnteprima pervedere l'anteprima di un modello selezionato o su Seleziona modelloper continuare all' editor di contenuti.

select-template-from-active-theme

  • Nell'editor di contenuti, modifica il contenuto della pagina usando l'editor di trascinamento.
  • In alto a destra, clicca suUpdate oPublish per rendere attive letue modifiche.

Applicare un modello di tema al tuo blog

Puoi impostare un blog per usare lo stesso tema delle tue pagine nelle impostazioni del tuo blog. I modelli di pagina dei post e degli annunci del blog sono selezionati separatamente.

  • Nel tuo account HubSpot, clicca sull'icona delle impostazioni settings nella barra di navigazione principale.
  • Nel menu della barra laterale sinistra, vai a Website > Blog.
  • Se hai più blog, clicca sul menua tendina Selecta blog to modifye seleziona un blog.
  • Fare clic sulla scheda Modelli .
  • NellesezioniBlogpost e Blog listing, clicca sulmenu a tendina Actionse selezionaChange template.

select-blog-template

  • Nella schermata di selezione del tema, seleziona il tuo tema, poi seleziona unmodello usandoquel tema. In basso a destra, clicca su Done.

select-a-theme-blog-template

  • Quando hai impostato i modelli di pagina del post e dell'annuncio del blog, clicca su Save inbasso a sinistra.

Modifica le impostazioni del tema

Puoi personalizzare lo stile del tuo tema - compresi font, colori e spaziatura - nelle impostazioni del tema. Gli stili modificati qui si applicano a tutte le pagine e ai moduli del tema inclusi in questo tema. Per saperne di più sulla gestione delle impostazioni del tema.

edit-global-theme-fonts

Gestire i temi

Nel design manager, puoi modificare, clonare o copiare un tema in un altro account HubSpot. Puoi anche eliminare i temi HubSpot predefiniti, i temi clonati e i temi personalizzati.

Clonare un tema

Per modificare i file codificati dei temi predefiniti nel design manager, devono prima essere clonati. I temi personalizzati e i temi acquistati dal Marketplace delle risorse possono anche essere clonati, ma possono anche essere modificati direttamente.

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Nel finder, clicca sulla cartella @hubspot. Questa cartella contiene tutti i temi e i moduli predefiniti, compresi i moduli di trascinamento delle e-mail.

    design-manager-hubspot-folder
  • Fai clic con il tasto destro del mouse sulla cartella di un tema, quindi seleziona Clone theme.

    design-manager-theme-folder-clone
  • Nella finestra di dialogo, inserisci un nome per il tema, poi clicca su Create.

Il tema sarà copiato nella cartella principale e sarà elencato nel finder con le altre cartelle.

Copiare un tema in un altro account

Puoi copiare la cartella di un tema da un account a un altro. Devi essere un utente con i permessi di Design tools in entrambi gli account.

Attenzione: le cartelle dei temi nelle directory @hubspot o @marketplace non possono essere copiate tra gli account.

Per copiare un tema in un account:

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Nel finder, passate il mouse sulla cartella del tema che volete copiare, poi cliccate con il tasto destro sulla cartella e selezionate Copyto different account.

    copy-theme-folder-to-different-account
  • Nella finestra di dialogo, seleziona un account, quindi fai clic su Copy asset. La cartella apparirà nell'account specificato non appena il processo di copia sarà terminato.

Carica un tema

Gli utenti in Hub CMS account possono scaricare i temi di HubSpot da ThemeForest Marketplace di Envato, quindi caricarli in HubSpot:

  • Navigate alla sezioneHub Hub di Hub Hub CMS di Envato's ThemeForest Marketplace.
  • Acquista e scarica un tema dal mercato.
  • Fai doppio clic sul tuo download per espandere il file compresso. Questo creerà una cartella contenente il tuo nuovo tema e la sua documentazione.
  • Nel tuo account HubSpot, clicca sull'icona delle impostazioni settings nella barra di navigazione principale.
  • Nel menu laterale sinistro, vai aWebsite > Themes.
  • In alto a destra, clicca suCarica tema.
  • Nei file del tuo computer, apri la nuova cartella e seleziona il tuo tema.

select-theme-file

  • Quando il tuo tema ha finito di essere caricato, un banner apparirà nella parte superiore della pagina. Potrebbero volerci alcuni minuti prima che il tuo tema sia disponibile in HubSpot.

upload-theme

Cancellare un tema

I temi HubSpot predefiniti e i temi clonati possono essere eliminati dal design manager:

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Nel finder, clicca sulla cartella con le risorse del tema.
  • Clicca sul menua discesaFile e seleziona Delete [nome cartella].
  • Nella finestra di dialogo, seleziona lacasella di controllo I amsure that I want to delete this folder , poi clicca su Deletethis folder.

I temi acquistati devono essere disinstallati da Asset Marketplace:

  • Nel tuo account HubSpot, clicca sull'icona Marketplace marketplace nella barra di navigazione principale.
  • Vai allaschedaAcquistati.
  • Passa sopra il tema, poi clicca sul menu a tendina Actionse seleziona Uninstall.
  • Nella finestra di dialogo, cliccate su Uninstall.