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.

Modificare il contenuto delle pagine usando un tema del sito web

Ultimo aggiornamento: gennaio 27, 2021

Si applica a:

CMS Hub  Professional, Enterprisee

Un tema è un insieme di stili e modelli che puoi applicare alle pagine e ai blog nel tuo CMS Hub account. Gli stili predefiniti per il tuo tema sono basati sui caratteri, i colori, la spaziatura e gli stili che hai impostato nelle impostazioni globali del tema. Puoi aggiungere, rimuovere o riorganizzare i moduli del tema in qualsiasi template di quel tema. I moduli del tema supportano il contenuto intelligente e la personalizzazione.

Quando si creano nuove pagine, è importante avere una chiara strategia di contenuto in modo che i motori di ricerca possano capire di cosa tratta il tuo sito web. Impara come impostare gli argomenti nello strumento SEO e ottimizza la tua pagina per il SEO all'interno dell'editor. Visita il sito Academy per una panoramica video su come creare e modificare il contenuto delle pagine nel CMS di HubSpot.

Creare una nuova pagina

Per creare una nuova pagina con un modello di tema:

  • Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
  • In alto a destra, clicca su Create e seleziona una pagina del sito web.
  • Clicca su un tema per vedere i modelli inclusi in quel tema.
  • Per vedere l'anteprima di un modello di tema, passa il mouse sul modello e clicca su Preview in alto a destra. Vedrai un'anteprima interattiva del tema, così potrai selezionarlo per la tua pagina o tornare indietro e vedere l'anteprima di altri modelli.
  • In alto a destra, clicca su Usa modello.
  • Nella finestra di dialogo che appare, inserisci un nome interno alla pagina. Questo nome non sarà visibile ai visitatori del tuo sito.

Nota: oltre a questo nome di pagina interno, ti sarà anche richiesto di dare alla tua pagina un Titolo nelle impostazioni della pagina prima di pubblicarla.

Modificare il contenuto della pagina

I modelli di tema sono composti da moduli, che possono essere raggruppati in righe orizzontali o colonne verticali. I moduli, le righe o le colonne possono essere raggruppati in sezioni di elementi, che sono delineati nell'editor di pagina.

La maggior parte dei moduli della tua pagina può essere modificata in linea direttamente nell'editor di contenuti. Alcuni tipi di moduli richiedono un'ulteriore personalizzazione del contenuto nel pannello di sinistra.

rows-and-columns

Per personalizzare il contenuto all'interno di un modulo, passa il mouse sul modulo e clicca sull'icona per l'azione desiderata:

  • modifica Modifica: modifica il contenuto del tuo modulo in linea direttamente sulla pagina o nel pannello sinistro. La maggior parte del testo può essere modificato all'interno dell'editor dei contenuti, e tutti i tipi di moduli possono essere modificati nellascheda Opzioni del pannello sinistro. Per saperne di più sulla modifica del contenuto dei moduli.
  • stili Stile: gestisci gli stili disponibili su questo modulo all'interno del pannello Stile a sinistra. La maggior parte degli stili dei moduli può essere gestita nella scheda Stile, ma alcune opzioni di stile specifiche del tuo tema possono essere disponibili nella scheda Opzioni.
  • clonduplica Clona: crea una copia di questo modulo nella tua pagina.
  • delete Elimina: rimuove questo modulo dalla tua pagina.

edit-module

I temi possono contenere contenuti globali, che puoi modificare direttamente nell'editor della pagina. Un esempio di contenuto globale è tipicamente un'intestazione o un piè di pagina, con elementi ripetuti che vuoi che appaiano in tutto il tuo sito. Mentre il contenuto dell'intestazione e del piè di pagina sono gestiti nell'editor di pagina, gli stili dell'intestazione e del piè di pagina sono gestiti nelle impostazioni del tuo tema.

Mentre lavori nell'editor di pagina, le tue modifiche vengono salvate automaticamente. Puoi visualizzare e ripristinare le versioni precedentemente salvate della tua pagina mentre lavori. Scopri di più su come personalizzare un modulo nell'editor.

Aggiungere moduli alla tua pagina

Oltre ai moduli inclusi nel tuo modello di tema, ci sono moduli di tema aggiuntivi e Moduli comuni disponibili nel pannello di sinistra. Puoi trascinare e rilasciare un nuovo modulo al suo posto per aggiungere un altro elemento alla tua pagina. Questo rende facile regolare il design di una pagina per adattarlo al tuo contenuto.

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

Modifica il layout della pagina

Per riorganizzare i moduli esistenti sulla tua pagina, passa il mouse su un modulo, una colonna, una riga o una sezione e clicca sulla barra blu che appare a sinistra. Trascina il contenuto in una nuova posizione nella pagina. Vedrai una linea blu per indicare dove il contenuto sarà posizionato nel tuo layout.

edit%20layout%20in%20a%20theme%20page

In alcuni casi, un modulo può essere rimosso da una riga, colonna o sezione, lasciando un segnaposto vuoto. Puoi sostituire questo modulo con uno nuovo per mantenere la struttura della tua pagina coerente. Oppure, se preferisci eliminare completamente questo modulo dal tuo layout, passa il mouse sulla riga o colonna, clicca sulla freccia e seleziona eletedeletedelete.

remove-a-column

Mentre aggiungi e modifichi i moduli nel tuo layout di pagina, puoi regolare la larghezza degli elementi nella tua pagina cliccando e trascinando il divisore verticale tra le colonne.

edit%20column%20width%20in%20page

Gestire gli stili

I modelli di tema contengono stili, colori e spaziature coerenti. A seconda del tema che stai usando e di come è stato creato, alcuni stili del tema possono essere personalizzati nell'editor di pagina. Tieni presente che è una buona pratica per tutto il tuo sito web avere font, colori e stili coerenti. Alcuni stili, come l'intestazione della pagina, il piè di pagina e il titolo del modulo, possono essere gestiti solo nelle impostazioni globali del tuo tema.

Stilizzare una riga, una colonna o una sezione di una pagina

Puoi applicare stili a un'intera riga, colonna o sezione della tua pagina. Per accedere agli stili per questi elementi:

  • Passa il mouse su una riga, colonna o sezione per evidenziarla e attivare la sua barra degli strumenti.
  • Clicca sulla freccia a discesa e seleziona Stile [elemento].
  • Nel pannello di sinistra, regola la spaziatura, la larghezza o il colore dell'elemento. In alcune righe o sezioni, puoi aggiungere un'immagine di sfondo.

style-section

Stile di un modulo

Nella maggior parte dei casi, gli stili per il tuo modulo, riga o colonna sono gestiti nella scheda Stile nel pannello di sinistra. In alcuni temi, ci possono essere ulteriori opzioni di stile nella scheda Opzioni del pannello sinistro.

  • Clicca direttamente su un modulo per accedere alle sue opzioni di modifica.
  • Clicca sulla scheda Stile nel pannello sinistro.
  • Espandi gli stili disponibili per questo modulo.
edit-style-options
  • Se non vedi gli stili che vuoi modificare qui, clicca sulla scheda Opzioni per esplorare le opzioni di stile disponibili nel tuo tema.
    • Se sono disponibili ulteriori opzioni di stile, saranno in fondo allascheda Opzioni a sinistra.
    • Clicca su Opzioni di stile per accedere ad altre opzioni per il contenuto di questo modulo. Qualsiasi modifica apportata qui sarà applicata solo a questa pagina.

edit-more-styles

Nota:

le opzioni di stile disponibili per un modulo o una sezione di elementi sulla tua pagina dipendono dal tema che stai usando e da come è stato progettato.

Accedere alle impostazioni di stile del tema

Puoi accedere alle impostazioni globali del tuo tema dall'interno dell'editor di pagina mentre lavori, cliccando sulla scheda Design nel pannello di sinistra. Clicca su Edit theme settings

per accedere alle impostazioni del tuo tema.

Nota:

qualsiasi modifica apportata alle impostazioni del tuo tema da qui sarà applicata a tutte le pagine e i blog che utilizzano questo tema.

edit-global-themes-from-editor

Modifica le impostazioni della pagina

Clicca sulla scheda Impostazioni per personalizzare il titolo della tua pagina, l'URL, la lingua e la meta descrizione prima della pubblicazione. Il titolo della pagina è necessario

per pubblicare la tua pagina. Clicca sul menua discesa Domini per selezionare il tuo dominio per la pubblicazione. Se non vedi il dominio che vuoi usare qui, lavora con il tuo sviluppatore web per collegare il tuo dominio a HubSpot. Nel campoContent slug, inserisci il resto dell'URL per questa pagina specifica.

Tieni presente che il titolo della pagina e la meta descrizione saranno visibili nei risultati dei motori di ricerca.

edit-page-settings-for-a-theme

Pubblica la tua pagina

Prima che la tua pagina venga pubblicata, clicca su Anteprima in alto a destra per testare come apparirà la tua pagina su un dispositivo mobile. Puoi testare come la personalizzazione o il contenuto intelligente apparirà ai tuoi visitatori nell'anteprima della pagina.

Quando sei soddisfatto dell'anteprima della tua pagina, clicca su Publish in alto a destra.