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: settembre 7, 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 dal Marketplace delle risorse, mentre gli account CMS Hub 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 usando 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 pagine 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 pagine appena create. Impostare o cambiare un tema attivo non cambierà il tema usato per il contenuto esistente, che richiede la sostituzione del modello corrente del contenuto. Temi aggiuntivi possono essere acquistati nel Marketplace delle risorse

.
  • Naviga al tuo 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, fai clic sul menu a discesaCreatee selezionaWebsite pageoLanding page.
  • Nella finestra di dialogo, inserisci il nome della pagina, quindi fai clic suCreate page.
  • Nella schermata di selezione del tema, seleziona untema. In alto a destra, clicca suAnteprimaper vedere l'anteprima del tema oSeleziona e continua per impostare il tema come attivo.
select-a-new-active-theme
Dopo aver impostato un tema, sarai portato alla schermata di selezione del modello ogni volta che crei una nuova pagina. Da questa schermata si può passare a un diverso tema attivo:
  • Fai clic sul menu a discesa Tema e seleziona Cambia tema.
  • Nella schermata di selezione del tema, seleziona un tema. In alto a destra, clicca su Anteprima per vedere l'anteprima del tema o su Seleziona e continua per impostare il tema come attivo.

switch-active-themes

Creare una pagina usando un tema

  • Naviga al tuo contenuto:

    • Pagine del sito web: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
    • Landing Pages: Nel tuo account HubSpot, naviga su Marketing > Landing page.
  • In alto a destra, clicca sul menu a discesaCreatee selezionaWebsite pageoLanding page.
  • Nella finestra di dialogo, inserisci il nome della pagina, quindi fai clic suCreate page.
  • Nella schermata di selezione del modello, clicca su un modello. I modelli del tuo tema attivo appariranno nella sezioneModelli di tema. Per selezionare un modello che non fa parte del tuo tema attivo, clicca su Altri modelli,poi su unmodello.
  • In alto a destra, clicca suAnteprimaper vedere l'anteprima di un modello selezionato o suSeleziona modello per continuare all'editor di contenuti.

select-template-from-active-theme

  • Nell'editor dei contenuti, modifica il contenuto della pagina usando l'editor di trascinamento.
  • In alto a destra, cliccaUpdateoPublishper rendere effettive le tue modifiche.

Applicare un modello di tema al tuo blog

Puoi impostare un blog per utilizzare 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 menu a discesa Selecta blog to modifye seleziona unblog.
  • Clicca sulla scheda Templates .
  • Nelle sezioniBlog posteBlog listing, clicca sul menu a tendinaActionse seleziona Change template.

select-blog-template

  • Nella schermata di selezione del tema, seleziona il tuo tema, quindi seleziona unmodelloutilizzando quel tema. In basso a destra, clicca suDone.

select-a-theme-blog-template

  • Quando hai impostato i modelli di pagina del post del blog e dell'elenco del blog, clicca su Savein basso 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. Anche i temi personalizzati e i temi acquistati dal Marketplace delle risorse possono 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 email drag and drop.
    design-manager-hubspot-folder
  • Fai clic con il tasto destro del mouse sulla cartella di un tema, quindi seleziona Clona tema.
design-manager-theme-folder-clone
  • Nella finestra di dialogo, inserisci un nome per il tema, quindi fai clic 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 diDesign tools

in entrambi gli account.

Nota:

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, passa il mouse sulla cartella del tema che vuoi copiare, poi fai clic con il tasto destro sulla cartella e selezionaCopia in un altro account.

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

Carica un tema

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

:
  • Passare alla sezioneHub Hub Hub di HubSpot CMS del ThemeForest Marketplace di Envato.
  • 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, i temi clonati e i temi caricati possono essere cancellati dal design manager:

  • Nel tuo account HubSpot, naviga su Marketing > File e Modelli > Strumenti di progettazione.
  • Nel finder, fai clic sulla cartella con le risorse del tema.
  • Clicca sul menu a discesaFilee selezionaDelete [nome cartella].
  • Nella finestra di dialogo, seleziona la casella di controlloSono sicuro di voler eliminare questa cartella , quindi fai 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.
  • Fai clic sulla scheda Acquistato.
  • Passa con il mouse sul tema, quindi fai clic sul menu a discesa Azionie selezionaDisinstalla.
  • Nella finestra di dialogo, fai clic suDisinstalla.