Utilizzare i temi

Un tema è un insieme di modelli, moduli, contenuti globali e impostazioni di stile che possono essere utilizzati per creare un sito web. È possibile modificare pagine e post utilizzando un tema nell'editor di contenuti e impostare i modelli del blog in modo che utilizzino un tema nelle impostazioni del blog.

Tutti gli account hanno accesso ad almeno un tema predefinito di HubSpot. I temi possono anche essere scaricati dal Template Marketplace.

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.
• 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. Ulteriori temi possono essere acquistati nel Marketplace dei template di HubSpot.

1. Navigare verso i contenuti:
   • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
2. Fare clic su Crea o Inizia.
3. Nella pagina di selezione del tema, fare clic su Imposta come tema attivo nella scheda del tema desiderato. Per visualizzare un'anteprima del tema, fare clic su Anteprima del tema.
4. Nella pagina di selezione del modello, fare clic su Seleziona modello nella scheda del modello desiderato. Quindi continuare a creare una pagina utilizzando l'editor drag and drop di HubSpot.

Cambiare il tema attivo

1. Navigare nel proprio contenuto:

   • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
2. In alto a destra, fare clic su Crea o Inizia.
3. Per modificare il tema delle pagine del sito web, fare clic sul menu a discesa Tema e selezionare Cambia tema. Quindi fare clic su Imposta come tema attivo nella scheda del tema desiderato.

4. Per modificare il tema dalle pagine di destinazione, fare clic sul nome del tema nel menu a sinistra. Quindi fare clic su Imposta come tema attivo nella scheda del tema desiderato.

5. 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 Imposta come tema attivo.
6. È quindi possibile selezionare un modello dal tema per continuare a costruire una pagina con l'editor drag and drop di HubSpot.

Creare una pagina utilizzando un tema

1. Navigare verso il contenuto:

   • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   • Pagine di atterraggio: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
2. In alto a destra, fare clic su Crea o Inizia.
3. Se non è stato selezionato un tema in precedenza, si verrà indirizzati alla schermata di selezione del tema. Nella scheda del tema desiderato, fare clic su Imposta come tema attivo. Per visualizzare l'anteprima del tema, fare clic su Anteprima tema.
4. 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.
5. Per selezionare un modello dal tema, fare clic su Seleziona modello o Usa.
6. Nell'editor dei contenuti, modificare il contenuto della pagina utilizzando l'editor di trascinamento.

7. Per rendere effettive le modifiche, fare clic su Pubblica o Aggiorna in alto a destra.

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 dei post e delle pagine degli annunci del blog vengono selezionati separatamente.

1. Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
2. Nel menu della barra laterale sinistra, spostarsi su Contenuto > Blog.
3. Se si dispone di più blog, fare clic sul menu a discesa Seleziona un blog da modificare e selezionare un blog.
4. Fare clic sulla scheda Modelli .
5. Nelle sezioni Modello di post del blog e Pagina di elenco del blog , fare clic sul menu a discesa Azioni e selezionare Cambia modello.

6. Nella schermata di selezione del tema, fare clic sulla scheda del tema desiderato, quindi sulla scheda del modello. In basso a destra, fare clic su Fatto.

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

Modifica delle impostazioni del tema

Nelle impostazioni del tema è possibile personalizzare lo stile del tema, compresi i caratteri, i colori e la spaziatura. 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.

Gestione dei temi

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

È possibile modificare le impostazioni del tema di un tema figlio senza influenzare il tema padre, ma non si creeranno copie aggiuntive delle risorse del tema. Per copiare le risorse di un tema genitore, si consiglia di clonare il tema.

Clonare un tema

Per modificare i file codificati dei temi predefiniti nel design manager, è necessario prima clonarli.

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
2. Nel Finder, fare clic sulla cartella @hubspot. Questa cartella contiene tutti i temi e i moduli predefiniti, compresi i moduli di posta elettronica trascinabili.
3. Fare clic su una cartella di temi.
4. Fare clic sul menu a discesa File e selezionare Clona tema.
5. Nella finestra di dialogo, inserire un nome per il tema.
6. Per modificare la posizione del file del tema clonato, fare clic su Cambia nel campo Posizione del file. Quindi selezionare una posizione. Per impostazione predefinita, viene selezionata la cartella principale.
7. Al termine, fare clic su Crea.

Creare un tema figlio

Nel design manager è possibile creare un tema figlio basato su un tema acquistato da Template Marketplace o su un tema predefinito di HubSpot. È possibile modificare le impostazioni del tema di un tema figlio senza influire sul tema padre.

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

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
2. Nel Finder, fare clic sulla cartella @marketplace per i temi di Template Marketplace o sulla cartella @hubspot per i temi predefiniti.
3. Fare clic con il pulsante destro del mouse su una cartella di temi, quindi selezionare Crea tema figlio.
4. Nella finestra di dialogo, inserire un nome per il tema figlio.
5. Per modificare la posizione di salvataggio del tema figlio, fare clic su Cambia nella sezione Posizione file. Fare clic su una cartella, quindi fare clic su Seleziona.
6. 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.
7. Per concludere la procedura, 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:

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
2. 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.
3. Nella finestra di dialogo, fare clic sul menu a discesa Account di destinazione e selezionare un account. Quindi fare clic su Copia attività. La cartella apparirà nell'account di destinazione non appena il processo di copia sarà completato.
   
   

Caricare un tema

Gli utenti degli accountContent Hub possono acquistare i temi di HubSpot dal Marketplace ThemeForest di Envato, quindi caricarli in HubSpot dalla schermata di selezione del tema:

1. Accedere alla sezioneHubSpot CMS Hub del mercato ThemeForest di Envato.
2. Acquistate un tema dal Marketplace.
3. Riceverete un'e-mail con un codice di acquisto per il tema acquistato. Copiare il codice di acquisto.
4. Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
5. In alto a destra, fare clic su Crea.
6. Nella pagina Scegli un modello, fare clic sul menu a discesa Tema e quindi su Cambia tema.

7. Nella pagina Scegli un tema, fare clic su Installa un tema da ThemeForest in fondo alla pagina.
8. Nella finestra di dialogo, incollare il codice di acquisto ricevuto via e-mail, quindi fare clic su Installa tema.
9. Nella nuova scheda, accedere a ThemeForest Marketplace di Envato per completare il processo di installazione.
10. Una volta effettuato l'accesso, verrà visualizzato un banner in HubSpot. Potrebbero essere necessari alcuni minuti perché il tema sia disponibile.

Eliminare un tema

I temi clonati e quelli caricati possono essere eliminati dal design manager:

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
2. Nel Finder, fare clic sulla cartella con le risorse del tema.
3. Fare clic sul menu a discesa File e selezionare Elimina [nome cartella].
4. Nella finestra di dialogo, selezionare la casella di controllo per confermare la revisione delle dipendenze, quindi fare clic su Elimina questa cartella.

I temi acquistati devono essere disinstallati dal Template Marketplace:

1. Nel tuo account HubSpot, fai clic sull'icona del Marketplace marketplace nella barra di navigazione principale, quindi seleziona Download del Marketplace.
2. Nella scheda Temi, fare clic sul menu a discesa Azioni e selezionare Disinstalla per il tema in questione.
3. Prima di disinstallare, potrebbe essere necessario modificare il modello di un post o di una pagina del blog. Per saperne di più sulla modifica del modello di una pagina o di un post.
4. Nella finestra di dialogo, fare clic su Disinstalla.