Modifica dei contenuti nell'editor di contenuti

Nell'editor dei contenuti, è possibile utilizzare gli strumenti di trascinamento per aggiungere, modificare e riorganizzare i contenuti dei post e delle pagine del blog. Gli strumenti di trascinamento non sono disponibili per alcuni post e pagine.

Aggiungere e modificare moduli

I moduli sono blocchi individuali di contenuti del sito web. Alcuni moduli, come i moduli di testo ricco, possono contenere più tipi di contenuto.

1. Navigare nel 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. Fare clic sul nome della pagina.
3. Nell'editor dei contenuti, fare clic sull'icona add Aggiungi nella barra laterale sinistra.
4. Fare clic per espandere una categoria di moduli, quindi fare clic su un modulo e trascinarlo in posizione nel contenuto. Per cercare un modulo, inserire il nome del modulo nel campo di ricerca.
5. Per regolare la larghezza di un modulo, fare clic sul divisorio verticale tra le colonne e trascinarlo in posizione.
6. Per modificare un modulo, fare clic sul modulo nel contenuto.
7. Per aggiungere una copia di un modulo al proprio contenuto, passare il mouse sul modulo e fare clic sull'icona clonduplicate cclone module .
8. Per rimuovere un modulo dal contenuto, passare il mouse sul modulo e fare clic sull'icona delete elimina modulo .

Utilizzare le sezioni

Le sezioni sono gruppi più ampi composti da moduli diversi. È possibile creare sezioni di pagina riutilizzabili trascinando i moduli su un layout di sezione vuoto. Anche gli sviluppatori possono creare sezioni riutilizzabili utilizzando la documentazione per sviluppatori. Una volta creata una sezione, questa può essere utilizzata in qualsiasi pagina che utilizzi lo stesso tema e che supporti la modifica per trascinamento.

Attenzione: non è possibile salvare più di 50 sezioni riutilizzabili alla volta. Per salvare una nuova sezione riutilizzabile, eliminare una sezione riutilizzabile esistente.

Creare una sezione

È possibile creare una sezione selezionando un layout e aggiungendovi dei moduli.

1. Naviga verso il tuo 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. Fare clic sul nome della pagina.
3. Nell'editor dei contenuti, passare il mouse sul contenuto e fare clic su + Aggiungi sezione.

4. Nella finestra di dialogo, fare clic su Layout vuoti nel menu e fare clic per selezionare un layout.
5. Fare clic sull'icona add Aggiungi nella barra laterale sinistra.
6. Fare clic per espandere una categoria di moduli, quindi fare clic su un modulo e trascinarlo in posizione all'interno della sezione. Ripetere l'operazione per ogni modulo della sezione.
7. Una volta terminata l'aggiunta dei moduli alla sezione, passare il mouse sulla sezione e fare clic sull'icona downCarat, quindi selezionare Salva sezione.
8. Nella finestra di dialogo, inserire un nome e una descrizione per la sezione, quindi fare clic su Salva.

Nota bene: anche le sezioni di pagine esistenti e quelle create senza layout possono essere salvate come sezioni riutilizzabili.

Aggiungere o eliminare una sezione

1. Navigare nel 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. Fare clic sul nome della pagina.
3. Nell'editor dei contenuti, passare il mouse sul contenuto e fare clic su + Aggiungi sezione.

4. Nella finestra di dialogo, fare clic su una sezione. Per scegliere tra le sezioni salvate, fare clic su Sezioni salvate nel menu a sinistra e fare clic su una sezione salvata.

Nota: l 'aggiunta di una sezione salvata che contiene regole intelligenti applicherà tali regole alla nuova sezione. Queste sezioni saranno etichettate come intelligenti.

5. Per eliminare una sezione dal contenuto, passare il mouse sulla sezione e fare clic sull'icona delete per eliminarla. È anche possibile fare clic sull'icona siteTreeIcon Contents . Quindi, passare il mouse sulla sezione, fare clic sull'icona ellipsesIcon e selezionare Elimina.
6. Per eliminare una sezione dalle sezioni salvate, passare il mouse sul contenuto e fare clic su + Aggiungi sezione. Quindi fare clic su Sezioni salvate nel menu di sinistra e fare clic sull'icona delete per eliminare la sezione in questione. Nella finestra di dialogo, fare clic su Elimina.

Stile del contenuto

Nell'editor dei contenuti, è possibile modificare le opzioni di stile, come il padding e i margini, nella scheda Stili dell'editor della barra laterale. È possibile modificare gli stili per moduli e sezioni, nonché per righe e colonne di contenuto.

Le opzioni di stile disponibili per i moduli e i temi personalizzati sono impostate dagli sviluppatori che li hanno creati. Per saperne di più sulle opzioni di stile dei moduli e dei temi, consultare la nostra documentazione per gli sviluppatori.

1. Naviga verso i tuoi contenuti:

   • 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.
   • Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
2. Fare clic sul nome della pagina.
3. Nell'editor dei contenuti, fare clic su un modulo.
4. Nell'editor della barra laterale, fare clic sulla scheda Stili .
5. Per nascondere un elemento:
   • Fare clic per espandere la sezione Visibilità .
   • Nella sezione Nascondi in questo punto di rottura , fare clic su Nascondi. Per impostazione predefinita, il modulo viene nascosto nelle visualizzazioni desktop e mobile.
   • Per mostrare il modulo solo su mobile o desktop, fare clic sull'icona mobile mobile o desktop desktop nella parte superiore della pagina. Fare clic per espandere la sezione Visibilità . Nella sezione Nascondi su questo punto di interruzione , fare clic su Mostra. In questo modo il modulo verrà mostrato sul tipo di dispositivo selezionato, ma verrà nascosto negli altri casi.

6. Per impostare il padding e i margini:
   • Fare clic per espandere la sezione Allineamento e spaziatura , quindi fare clic su Padding o Margin.

• • Per aggiungere una spaziatura uniforme a tutti i lati, selezionare la casella di controllo Applica a tutti i lati , quindi inserire un valore in pixel in qualsiasi campo.
  • Per aggiungere un padding diverso a ciascun lato, inserire i valori in pixel nei campi Top, Left, Right e Bottom .

7. Per impostare lo sfondo di un elemento, fare clic per espandere la sezione Sfondo e selezionare un' opzione:
   • Nessuno: rimuove qualsiasi colore o immagine di sfondo.
   • Colore: imposta un singolo colore come sfondo. Immettere un valore esadecimale oppure fare clic sulselezionatore di colori e selezionare un colore, quindi immettere un valore di trasparenza.
   • Immagine: imposta un'immagine come sfondo. Fare clic su Carica per aggiungere un'immagine dal computer, oppure fare clic su Sfoglia immagini per selezionare un'immagine dai propri file.
   • Gradiente: imposta due colori che sfumano insieme come sfondo. Fare clic sul menu a discesa Direzione e selezionare la direzione del gradiente. Per ogni colore, inserire un valore esadecimale oppure fare clic sulselezionatore di colori e selezionare un colore, quindi inserire un valore di trasparenza.

Attenzione: le opzioni esatte che appaiono nella scheda Stili possono variare, soprattutto per i moduli personalizzati. Per saperne di più sulle opzioni di stile dei moduli personalizzati, consultare la documentazione per gli sviluppatori.

Gestire i contenuti

Nell'editor della barra laterale è possibile vedere una panoramica delle sezioni, delle righe, delle colonne e dei moduli del contenuto. Da qui è possibile rinominarli, modificarli, clonarli, eliminarli o nasconderli:

1. Naviga verso i tuoi 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 sul nome della pagina.
3. Nella barra laterale sinistra, fare clic sulla scheda siteTree Contents .
4. È possibile controllare quali elementi della pagina sono visibili nell'editor della barra laterale:
   • Per visualizzare solo le sezioni della pagina, fare clic su Chiudi tutto. In questo modo, tutte le righe, le colonne e i moduli saranno collassati, in modo che nell'editor della barra laterale siano visibili solo le sezioni.
   • Per visualizzare tutto il contenuto della pagina, fare clic su Espandi tutto. In questo modo verranno mostrate tutte le sezioni, le righe, le colonne e i moduli nell'editor della barra laterale.
   • Per visualizzare un singolo elemento o contenitore della pagina, fare clic sul segno + più accanto al suo nome.
   • Per nascondere un elemento o un contenitore, fare clic sul segno - meno accanto al suo nome.

5. Per modificare, rinominare, clonare, eliminare e nascondere gli elementi della pagina:
   • Per modificare un elemento, fare clic sul suo nome.
   • Per rinominare un elemento, fare clic sull'icona a forma di ellisse ellipses accanto al suo nome, quindi selezionare Rinomina [elemento]. Nella finestra di dialogo, inserire un nome per l'elemento, quindi fare clic su Salva.
   • Per clonare un elemento, fare clic sull'icona a forma di ellisse ellipses accanto al suo nome, quindi selezionare Clona. In questo modo si crea una copia esatta dell'elemento originale accanto ad esso.
   • Per eliminare un elemento, fare clic sull'icona a forma di ellisse ellipses accanto al suo nome, quindi selezionare Elimina.
   • Per nascondere un modulo, fare clic sull'icona hide hide . Il modulo verrà nascosto nell'anteprima del contenuto, ma non nell'editor della barra laterale. Per visualizzare un modulo nascosto nella pagina, fare clic sull'icona view dispicona di visualizzazione.