Salta al contenuto
Nota bene: la traduzione in italiano 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: settembre 13, 2022

Si applica a:

Tutti i prodotti e i piani

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 gli account Hub CMS hanno accesso ai temi predefiniti di HubSpot. È possibile modificare le pagine utilizzando un tema con l'editor di contenuti drag and drop e impostare i modelli di blog in modo che utilizzino un tema nelle impostazioni del blog .

Comprendere i temi

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

  • Modelli codificati: una serie di modelli per il vostro sito web, tra cui una homepage, una pagina informativa, 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 si possono aggiungere ai contenuti che utilizzano quel tema.
  • Contenuto globale: contenuto ripetuto su più pagine, come l'intestazione o il piè di pagina di un sito web. È possibile modificare i contenuti globali direttamente dall'editor di pagina con trascinamento.
  • 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

È possibile impostare un tema attivo per visualizzare le pagine di quel tema come opzioni predefinite per le pagine appena create. L'impostazione o la modifica di un tema attivo non cambierà il tema utilizzato per i contenuti esistenti, per i quali è necessario cambiare il modello corrente. È possibile acquistare altri temi nel Marketplace delle risorse.

  • Navigare verso il proprio 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 > Landing page.
  • In alto a destra, fare clic sul menu a discesa Crea e selezionare Pagina web o Landing page.
  • Nella finestra di dialogo, inserire il nome della pagina e fare clic su Crea pagina.
  • Nella schermata di selezione dei temi, passare il mouse su un tema, quindi fare clic su Anteprima tema per aprire un'anteprima del tema o su Imposta come tema attivo per utilizzare questo tema come predefinito per le pagine.

set-an-active-theme
Dopo aver impostato un tema, ogni volta che si crea una nuova pagina si accede alla schermata di selezione del modello. Da questa schermata è possibile passare a un altro tema attivo:

  • Fare clic sul menu a discesa Tema e selezionare Cambia tema.

change-theme-in-hubspot

  • Nella schermata di selezione dei temi, passare il mouse su un tema, quindi fare clic su Anteprima tema per aprire un'anteprima del tema o su Imposta come tema attivo per utilizzare questo tema come predefinito per le pagine.

Creare una pagina utilizzando un tema

  • Navigare verso il proprio 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 > Landing page.
  • In alto a destra, fare clic sul menu a discesa Crea e selezionare Pagina web o Landing page.
  • Nella finestra di dialogo, inserire il nome della pagina e fare clic su Crea pagina.
  • Nella schermata di selezione dei modelli, i modelli del tema attivo appariranno nella sezione Modelli del tema . Per visualizzare i modelli che non fanno parte del tema attivo, fare clic su Altri modelli.
  • Passare il mouse su un modello, quindi fare clic su Anteprima modello per visualizzare l'anteprima del modello o su Seleziona modello per passare all'editor dei contenuti.

preview-or-select-template

  • Nell'editor dei contenuti, modificare il contenuto della pagina utilizzando l'editor di trascinamento.
  • In alto a destra, fare clic su Aggiorna o Pubblica per rendere effettive le modifiche.

Applicate un modello di tema al vostro blog

È possibile impostare un blog in modo che utilizzi lo stesso tema delle pagine nelle impostazioni del blog. I modelli di pagina dei post e degli elenchi del blog vengono selezionati separatamente.

  • Nel tuo account HubSpot, clicca sull'icona delle impostazioni settings nella barra di navigazione principale.
  • Nel menu della barra laterale sinistra, navigare su Sito web > Blog.
  • Se si dispone di più blog, fare clic sul menu a discesa Seleziona un blog da modificare e selezionare un blog.
  • Fare clic sulla scheda Modelli .
  • Nelle sezioni Modello di post del blog e Pagina di elenco del blog , fare clic sul menu a discesa Azioni e selezionare Cambia modello.

change-blog-template

  • Nella schermata di selezione del tema, selezionare il proprio tema, quindi selezionare un modello che utilizzi tale tema. In basso a destra, fare clic su Fine.

select-a-theme-blog-template

  • Una volta impostati i modelli di pagina dei post e degli annunci del blog, fate clic su Salva in basso a sinistra.

Nota bene: per le pagine degli elenchi dei blog che possono essere modificate nell'editor dei contenuti, questi passaggi portano all'editor dei contenuti invece che alla schermata di selezione del tema.

Modifica delle impostazioni del tema

È possibile personalizzare lo stile del tema, compresi i caratteri, i colori e la 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

Gestione dei temi

Nel design manager è possibile modificare, clonare o copiare un tema in un altro account HubSpot. È inoltre possibile eliminare i temi predefiniti di HubSpot, i temi clonati e i temi personalizzati, nonché creare temi figli.

Clonare un tema

Per modificare i file codificati dei temi predefiniti nel design manager, è necessario prima clonarli. Anche i temi personalizzati e quelli acquistati dal Marketplace delle risorse possono essere clonati, ma possono essere modificati direttamente.

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Nel Finder, fare clic 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
  • Fare clic con il pulsante destro del mouse su una cartella di temi, quindi selezionare Clona tema.
design-manager-theme-folder-clone
  • Nella finestra di dialogo, inserire un nome per il tema, quindi fare clic su Crea.

Il tema verrà copiato nella cartella principale e sarà elencato nel Finder insieme alle altre cartelle.

Creare un tema figlio

Nel design manager è possibile creare un tema figlio - una copia di un tema acquistato - basato su un tema di Asset Marketplace acquistato o su un tema predefinito di HubSpot.

Gli sviluppatori possono anche creare temi figlio basati su temi personalizzati e creare temi figlio tramite la CLI, utilizzando la nostra documentazione per sviluppatori. Per saperne di più su come lavorare con i temi figlio.

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Nel Finder, fare clic sulla cartella @marketplace per i temi di Asset Marketplace o sulla cartella @hubspot per i temi predefiniti.
  • Fare clic con il pulsante destro del mouse su una cartella di temi, quindi selezionare Crea tema figlio.
  • Nella finestra di dialogo, inserire un nome per il tema figlio.
  • Per modificare la posizione di salvataggio del tema figlio, fare clic su Cambia nella sezione Posizione file. Fare clic su una cartella e poi su Seleziona.
  • Per personalizzare i nomi dei file CSS e JS del tema, fare clic su Opzioni avanzate, quindi inserire i nuovi nomi dei file nei campi CSS e JS .
  • Per terminare il processo, fare clic su Crea tema figlio. È possibile modificare lo stile del tema figlio nell'editor dei contenuti.

Copiare un tema in un altro account

È possibile copiare una cartella di temi da un account a un altro. È necessario essere un utente con i permessi degli strumenti di progettazione 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, passare il mouse sulla cartella del tema che si desidera copiare, quindi fare clic con il pulsante destro del mouse sulla cartella e selezionare Copia in un altro account.

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

Caricare un tema

Gli utenti in Hub CMS possono acquistare i temi di HubSpot da ThemeForest Marketplace di Envato e caricarli in HubSpot dalla schermata di selezione del tema:

  • Accedere alla sezioneHubSpot CMS Hub del mercato ThemeForest di Envato.
  • Acquistare un tema dal mercato.
  • Riceverete un'e-mail con un codice di acquisto per il tema acquistato. Copiare il codice di acquisto.

copy-your-envato-purchase-code

  • Navigare verso il proprio 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 > Landing page.
  • In alto a destra, fare clic sul menu a discesa Crea e selezionare Pagina web o Landing page.
  • Nella finestra di dialogo, inserire il nome della pagina e fare clic su Crea pagina.
  • Nella schermata di selezione del modello, fare clic sul menu a discesa Tema e selezionare Cambia tema.

change-theme-in-hubspot

  • In alto a destra, fare clic su Installa un tema da ThemeForest.

install-a-theme-from-themeforest

  • Nella finestra di dialogo, incollare il codice d'acquisto ricevuto via e-mail, quindi fare clic su Installa tema.
  • Nella nuova scheda, accedere al Marketplace ThemeForest di Envato per completare il processo di installazione.

Una volta effettuato l'accesso, in HubSpot apparirà un banner. Potrebbero essere necessari alcuni minuti perché il tema sia disponibile.

upload-theme

Eliminare un tema

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

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Nel Finder, fare clic sulla cartella con le risorse del tema.
  • Fare clic sul menu a discesa File e selezionare Elimina [nome cartella].
  • Nella finestra di dialogo, selezionare la casella di controllo Sono sicuro di voler eliminare questa cartella , quindi fare clic su Elimina questa cartella.

I temi acquistati devono essere disinstallati dall'Asset Marketplace:

  • Nel tuo account HubSpot, clicca sull'icona Marketplace marketplace nella barra di navigazione principale.
  • Fare clic sulla scheda Acquistati .
  • Passare il mouse sul tema, quindi fare clic sul menu a discesa Azioni e selezionare Disinstalla.
  • Nella finestra di dialogo, fare clic su Disinstalla.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.