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.
Landing Pages

Modifica il contenuto della pagina in un'area di trascinamento

Ultimo aggiornamento: febbraio 22, 2021

Si applica a:

Tutti i prodotti e i piani

Con l'editing drag and drop, puoi facilmente riorganizzare il tuo layout e applicare stili di sfondo personalizzati a diverse sezioni della tua pagina. La modifica con il drag and drop è disponibile nelle pagine create con un modello di partenza, un modello predefinito del tema HubSpot o un modello codificato con un'area per il drag and drop.

Questo articolo spiega come modificare il contenuto e il layout della tua pagina con le funzioni di modifica tramite drag and drop. Impara come modificare le impostazioni della tua pagina e pubblicare una pagina sul tuo sito web.

Come funziona il drag and drop editing

Le aree drag and drop sono composte da moduli, che sono blocchi di contenuto del sito web. Questi moduli possono essere disposti in righe orizzontali o colonne verticali. Righe e colonne possono essere raggruppate in sezioni di elementi.

Raggruppando questi elementi insieme, puoi applicare stili di sfondo a un'intera area della tua pagina. Puoi anche trascinare e rilasciare intere righe, colonne o sezioni per riorganizzare il layout della tua pagina.

  1. Modulo: un singolo blocco di contenuto del sito web. Puoi modificare il testo e le immagini della tua pagina all'interno di un singolo modulo.
  2. Colonna: una pila verticale di più moduli o righe. Puoi spostare o riorganizzare le colonne sulla tua pagina e applicare un colore di sfondo o uno stile a un'intera colonna.
  3. Fila: una fila orizzontale di moduli o colonne. Puoi spostare o riorganizzare le righe sulla tua pagina e applicare un colore di sfondo o uno stile a un'intera riga.
  4. Sezione: un gruppo di più righe o colonne. Puoi spostare un'intera sezione o applicare un colore di sfondo o uno stile a un'intera sezione.

overview-of-drag-and-drop

Modificare il contenuto del modulo

Per personalizzare il contenuto di un modulo, passa il mouse sul modulo e clicca sull'icona dell'azione desiderata:

  • modifica Modifica: modifica il contenuto del tuo modulo in linea direttamente sulla pagina, o nel pannello di sinistra.
  • stili Stile: gestisci gli stili disponibili su questo modulo all'interno del pannello Stile a sinistra. La maggior parte degli stili del modulo può essere gestita nella scheda Style, ma alcune opzioni di stile specifiche del tuo tema possono essere disponibili nella scheda Options.
  • clonduplica Copia: crea una copia di questo modulo nella tua pagina.
  • delete Elimina: rimuove questo modulo dalla tua pagina.

edit-module

Modifica righe, colonne o sezioni

Puoi modificare gli stili di un'intera riga, colonna o sezione di elementi. Per esempio, puoi centrare il tuo contenuto,applicare un'immagine di sfondo omodificarelaspaziatura intorno agli elementi della tua pagina.

Per modificare gli stili di una riga, colonna o sezione:

  • Nell'editor di pagina, passa il mouse sulla riga, colonna o sezione, quindi cclicca sulla freccia a discesa e seleziona stili Stile [riga/colonna/sezione].
  • Nel pannello di sinistra, clicca su Allineamento e spaziatura per personalizzare l'imbottitura e il margine intorno alla riga, colonna o sezione.
  • Fai clic su Background per espandere le opzioni di stile per lo sfondo di questa sezione:
    • Nessuno: selezionalo per rimuovere qualsiasi colore di sfondo o immagine.
    • Colore: selezionalo per impostare un singolo colore come sfondo. Inserisci un valore di colore di sfondo e la percentuale di trasparenza.
    • Immagine: seleziona questo per impostare un'immagine come sfondo . Se un'immagine è presente nel modello per impostazione predefinita, fare clic su Sostituisci per cambiare l'immagine. Per aggiungere una nuova immagine, clicca su Carica per aggiungere un'immagine dal tuo computer, oppure clicca su Sfoglia immagini per selezionare un'immagine dai tuoi file.
    • Gradiente: seleziona un gradiente per impostare due colori in dissolvenza insieme come sfondo. Per prima cosa seleziona la direzione del gradiente. Poi inserisci un valore hex e imposta la trasparenza per ogni colore.
  • Per fare una copia di un elemento esistente, passa il mouse sull'elemento e clicca sull' icona della frecciaPoi seleziona duplica Copia [riga/colonna/sezione].
  • Per eliminare un elemento dalla tua pagina,passa sopra l'elemento e clicca sull'icona a forma di freccia, poi selezionaElimina [riga/colonna/sezione].

remove-a-column

Mentre modifichi la tua pagina, i tuoi aggiornamenti vengono salvati automaticamente. Per accedere alle bozze salvate in precedenza della tua pagina non pubblicata, passa il mouse su Autosaved in alto a sinistra e clicca su revisioni.

Aggiungere moduli alla tua pagina

Puoi trascinare e rilasciare un nuovo modulo 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

Regola il layout della tua pagina

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

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

Modifica gli stili della pagina

Per modificare i colori, i caratteri o la spaziatura della tua pagina, clicca sulla scheda Design .
  • Se stai usando un modello iniziale, puoi modificare i caratteri, gli stili e i colori applicati al tuo testo, ai moduli e ai pulsanti nella scheda Design del pannello sinistro.
  • Se stai usando un modello codificato creato da uno sviluppatore con un'area di trascinamento, vedrai qualsiasi opzione di stile sia stata inclusa nel tuo modello dallo sviluppatore.
  • Se stai usando un modello di tema, puoi accedere e modificare le impostazioni del tuo tema.

design-tab-options