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: giugno 16, 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 di CMS Hub avranno accesso anche 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

.

Capire 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 pagine con trascinamento.
  • Impostazioni del tema: impostazioni di stile per i modelli che utilizzano un tema, tra cui font, spaziatura e 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 i contenuti:

    • Pagine del sito web: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
    • Pagine di destinazione: Nel tuo account HubSpot, naviga su Marketing > Landing page.
  • In alto a destra, fare clic sul menu a discesaCreae selezionarePagina del sito weboPagina di destinazione.
  • Nella finestra di dialogo, inserire il nome della pagina, quindi fare clic suCrea pagina.
  • Nella schermata di selezione del tema, selezionare untema. In alto a destra, fare clic suAnteprimaper visualizzare l'anteprima del tema o suSeleziona e continua per impostare il tema come attivo.
select-a-new-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.
  • Nella schermata di selezione del tema, selezionare un tema. In alto a destra, fare clic su Anteprima per visualizzare l'anteprima del tema o su Seleziona e continua per impostare il tema come attivo.

switch-active-themes

Creare una pagina utilizzando un tema

  • Navigare verso i contenuti:

    • Pagine del sito web: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
    • Pagine di destinazione: Nel tuo account HubSpot, naviga su Marketing > Landing page.
  • In alto a destra, fare clic sul menu a discesaCreae selezionarePagina del sito weboPagina di destinazione.
  • Nella finestra di dialogo, inserire il nome della pagina, quindi fare clic suCrea pagina.
  • Nella schermata di selezione del modello, fare clic su un modello. I modelli del tema attivo appariranno nella sezioneModelli del tema. Per selezionare un modello che non fa parte del tema attivo, fare clic su Altri modelli,quindi su unmodello.
  • In alto a destra, fare clic suAnteprimaper visualizzare l'anteprima del modello selezionato o suSeleziona modello per passare all'editor dei contenuti.

select-template-from-active-theme

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

Applicare un modello di tema al 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, spostarsi su Sito web > Blog.
  • Se si dispone di più blog, fare clic sul menu a discesa Selezionaun blog da modificaree selezionare unblog.
  • Fare clic sulla scheda Modelli .
  • Nelle sezioniPost del blog eElenco del blog, fare clic sul menu a discesaAzionie selezionare Cambia modello.

select-blog-template

  • Nella schermata di selezione del tema, selezionare il proprio tema, quindi selezionare unmodelloche utilizzi tale tema. In basso a destra, fare clic suFatto.

select-a-theme-blog-template

  • Una volta impostati i modelli delle pagine dei post e degli elenchi del blog, fare clic su Salvain basso a sinistra.

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 figlio.

Clonare un tema

Per modificare i file di codice 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 HubSpot predefinito.

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@hubspotper i temi predefiniti.
  • Fare clic con il pulsante destro del mouse su unacartella di temi, quindi selezionareCrea tema figlio.
  • Nella finestra di dialogo, inserire unnomeper il tema figlio.
  • Per modificare la posizione di salvataggio del tema figlio, fare clic su Cambianella sezionePosizione file. Fare clic su unacartella, quindi fare clic su Seleziona.
  • Per personalizzare i nomi dei file CSS e JS del tema, fare clic suOpzioni avanzate, quindi inserire i nuovinomi dei file nei campiCSSeJS.
  • Per terminare la procedura, fare clic suCrea 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 per gli strumenti di progettazione

in entrambi gli account.

Nota bene:

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 selezionareCopia in un altro account.

    copy-theme-folder-to-different-account
  • Nella finestra di dialogo, selezionare un account, quindi fare clic suCopia risorsa. La cartella apparirà nell'account specificato al termine del processo di copia.

Caricare un tema

Gli utenti degli account CMS Hub possono acquistare i temi di HubSpot da ThemeForest Marketplace di Envato, quindi 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. Copiate il codice di acquisto.

copy-your-envato-purchase-code

  • Navigate verso il vostro contenuto:

    • Pagine del sito web: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
    • Pagine di destinazione: Nel tuo account HubSpot, naviga su Marketing > Landing page.
  • In alto a destra, fare clic sul menu a discesaCrea e selezionare Pagina del sito web o Pagina di destinazione.
  • Nella finestra di dialogo, inserire ilnome della pagina e fare clic suCrea pagina.
  • Nella schermata di selezione del modello, fare clic sul menu a discesaTemie selezionareCambia tema.

change-theme

  • Nel menu della barra laterale sinistra, selezionareCarica da Envato.
  • Nella finestra di dialogo, incollare ilcodice di acquistodall'e-mail, quindi fare clic suInstalla tema.

enter-purchase-code-from-Envato

  • Nella nuova scheda, accedere alMarketplace 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 predefiniti di HubSpot, i temi clonati e i temi 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 discesaFilee selezionareElimina [nome cartella].
  • Nella finestra di dialogo, selezionare la casella di controlloSono sicuro di voler eliminare questa cartella , quindi fare clic suElimina questa cartella.

I temi acquistati devono essere disinstallati dal Marketplace delle risorse:

  • 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 Azionie selezionareDisinstalla.
  • Nella finestra di dialogo, fare clic suDisinstalla.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.