Modifica il contenuto della pagina in un'area di trascinamento

Nell'editor di pagina drag and drop, gli utenti possono riorganizzare e applicare stili di sfondo personalizzati a diverse sezioni di una pagina. L'editing con drag and drop è disponibile nelle pagine create con modelli di avvio, modelli di tema predefiniti HubSpot o modelli codificati con aree di trascinamento.

Capire l'editor drag and drop

Le aree di trascinamento 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, puoi applicare un insieme di stili di sfondo a una sezione di una pagina. Puoi anche trascinare e rilasciare intere righe, colonne o sezioni per riorganizzare il layout della pagina.

1. Modulo: un singolo blocco di contenuto del sito web. Alcuni moduli, come il modulo rich text, possono contenere più tipi di contenuto.
2. Colonna: una pila verticale di più moduli o righe. Puoi spostare o riorganizzare le colonne sulla tua pagina, o 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, o 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.

Modificare il contenuto del modulo

Per personalizzare il contenuto di un modulo, passa il mouse sul modulo e clicca su un'icona:

• modifica Modifica modulo: modifica il contenuto del tuo modulo nell'editor di contenuti, o nel pannello di sinistra.
• stili Stile modulo: gestisci lo stile di questo modulo nell'editor della barra laterale. 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.
• clonduplicate Clona il modulo: fai una copia di questo modulo nella tua pagina.
• delete Elimina il modulo: rimuovi questo modulo dalla tua pagina.

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 sullafreccia e seleziona stili Stile [riga/colonna/sezione].
• Per personalizzare l'imbottitura e il margine intorno alla riga, colonna o sezione, clicca su Allineamento e spaziatura nell'editor della barra laterale.
• Per modificare lo sfondo di una sezione, clicca su Sfondo nell'editor della barra laterale e seleziona un'opzione di stile:
  • Nessuno: rimuove qualsiasi colore di sfondo o immagine.
  • Colore: imposta un singolo colore come sfondo. Inserisci un valore esadecimale oclicca sulselezionatore dicolorieseleziona un colore, quindiinserisci unvalore di trasparenza.
  • Immagine: imposta un'immagine come sfondo. 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: imposta due colori in dissolvenza insieme come sfondo. Fai clic sul menua discesa Direzionee seleziona una direzione del gradiente. Per ogni colore, inserisci un valore esadecimale, oclicca sulselezionatore dicolorieseleziona un colore, poiinserisci unvalore di trasparenza.
• Per fare una copia di un elemento esistente, passa il mouse sull'elemento e clicca sull' icona della freccia, poi seleziona duplica Copia [riga/colonna/sezione].
• Per eliminare un elemento dalla tua pagina,passa con il mouse sull'elemento e clicca sull'icona della freccia, poi selezionaElimina [riga/colonna/sezione].

Aggiungere moduli alla tua pagina

Per aggiungere un modulo alla tua pagina, clicca sul modulo nell'editor della barra laterale, poi trascina il modulo sulla tua pagina e lascialo in posizione.

Regola il layout della tua pagina

Puoi regolare la larghezza degli elementi della tua pagina cliccando e trascinando il divisore verticale tra le colonne.

Modifica gli stili della pagina

• Se stai usando un modello iniziale, puoi modificare i caratteri, gli stili e i colori applicati al tuo testo, ai moduli e ai pulsanti.
• Se stai usando un modello codificato creato da uno sviluppatore con un'area di trascinamento, puoi usare le opzioni di stile incluse nel tuo modello dal tuo sviluppatore.
• Se stai usando un template a tema, puoi accedere e modificare le impostazioni del tuo tema.