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: marzo 5, 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 chiunque può usare per creare un intero sito web. I temi sono file codificati creati dagli sviluppatori utilizzando la documentazione per gli sviluppatori del CMS. CMS Hub Gli account includono temi predefiniti HubSpot che è possibile personalizzare per qualsiasi attività. Ci sono anche temi disponibili su Asset Marketplace.

Cos'è un tema?

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

  • Modelli codificati: un insieme di modelli per il tuo sito web, tra cui una homepage, una about page, una landing page e modelli di blog. Questi modelli sono codificati su misura da uno sviluppatore, ma il contenuto e il layout possono essere facilmente personalizzati nell'editor di pagine drag and drop.
  • Moduli: un insieme di moduli unici del tema che puoi aggiungere e personalizzare su qualsiasi modello di pagina in 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 predefinite per i modelli nel tuo tema, compresi font, spaziatura e colori. Ogni nuova pagina che usa un modello di tema avrà uno stile coerente.

Anteprima di un tema

Il modo più semplice per vedere in anteprima il design di un tema è creare una nuova pagina. Nel creatore di contenuti, puoi scegliere tra due tipi di temi:

preview%20a%20theme

Modificare il contenuto delle pagine usando un tema

Ogni tema include il proprio set di moduli che seguono le impostazioni del tuo tema per i loro caratteri, colori e stili. Questi moduli sono raggruppati in righe orizzontali e colonne verticali. Queste righe o colonne possono essere raggruppate in sezioni. Puoi spostare e riorganizzare questi elementi per personalizzare la struttura del layout della tua pagina.

Scopri di più su come modificare il contenuto di una pagina usando un modello di tema.

add%20a%20common%20module%20to%20a%20page

Applicare un modello di tema al tuo blog

Se stai anche ospitando i contenuti del tuo blog su HubSpot, considera di aggiornare il template del tuo blog con lo stesso tema del tuo sito web per una coerenza visiva. Scopri come applicare un tema al tuo blog nelle impostazioni del tuo blog.

Modifica le impostazioni del tema

Per assicurarti che il tuo sito web segua le migliori pratiche per il design visivo, i temi hanno colori, caratteri e stili coerenti applicati ai pulsanti, ai moduli e alle forme sui tuoi modelli.

Puoi accedere alle impostazioni del tema nell'editor di pagina cliccando sulla scheda Design nel pannello di sinistra. Gli stili modificati qui vengono applicati 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

Caratteristiche per gli sviluppatori di siti web

Il tuo sviluppatore e il tuo team IT possono sfruttare le caratteristiche di sicurezza e prestazioni per i siti web creati in CMS Hub. Gli sviluppatori possono monitorare le prestazioni del sito web rapidamente e facilmente con avvisi di codice. C'è anche un registro di tutte le modifiche apportate al contenuto del tuo sito web a cui si può accedere con l'endpoint API di verifica dei contenuti. Scopri di più sullo sviluppo di siti web nel CMS e sulle API CMS per gli sviluppatori.

Oltre a costruire temi attraverso la CLI HubSpot, puoi anche clonare e modificare temi esistenti nel design manager HubSpot. Per clonare un tema:

  • 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 pulsante destro del mouse sulla cartella di un tema, quindi seleziona Clona tema.

    design-manager-theme-folder-clone
  • Nella finestra di dialogo, dai un nome alla tua copia del tema, poi clicca suCreate.
  • Il tema verrà copiato nella cartella principale e sarà elencato nel finder con le altre cartelle.

Con il tema clonato, puoi modificarlo come faresti con qualsiasi altro file codificato, e gli utenti saranno in grado di costruire pagine di destinazione e pagine web dal tema.

Copiare un tema in un altro account

Puoi copiare la cartella di un tema da un account a un altro. Per copiare la cartella di un tema in un altro account, devi essere un utente in quell'account e avere 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.
  • Nella barra laterale sinistra, passa il mouse sullacartella del tema che vuoi copiare. Poi fai clic destro sullacartella e seleziona Copia in unaltro account.

    copy-theme-folder-to-different-account
  • Nella finestra di dialogo, seleziona l'account in cui vuoi copiare il tema, poi clicca su Copy asset.

Dopo che la copia termina l'elaborazione, la cartella del tema apparirà nell'account specificato.