Vai al contenuto principale

Cambia gli stili delle sezioni del tuo sito web

Regola il layout, i colori, i media di sfondo, il testo, la spaziatura e altro per ogni sezione utilizzando l'editor di stile.

Mark De Paola avatar
Scritto da Mark De Paola
Aggiornato oggi

Gli stili delle sezioni ti danno il pieno controllo sull'aspetto di ogni sezione del tuo sito.Che tu stia progettando una landing page pulita o un blocco promozionale audace, puoi perfezionare ogni dettaglio — dai colori e layout alle animazioni e bordi — tutto all'interno dell'editor di sezione.

Per cambiare lo stile di una sezione:

  1. Apri il tuo sito nel Editor.

  2. Passa il mouse sulla sezione che desideri modificare.

  3. Fai clic sull'icona modifica nell'angolo in alto a destra della sezione.

  4. Nel pannello che si apre a destra, fai clic sulla scheda Stile (icona del secchio di vernice) in alto.

  5. Utilizza le opzioni disponibili per regolare il layout e lo stile visivo.Tutte le modifiche si applicano istantaneamente.

Suggerimento utile:

Fare clic sull'icona snap per spostare l'editor di sezione tra il lato sinistro e destro dello schermo.

Colori

  • Seleziona dai colori del tema della pagina – Applica una delle combinazioni di colori predefinite del tuo sito.

  • Utilizza sfondi solidi o a gradiente – Scegli tra un colore piatto o un riempimento a gradiente.

  • Sovrascrivi con colori personalizzati – Definisci manualmente i colori di sfondo e di accento per la sezione.

Immagine o video di sfondo

  • Fai clic su Aggiungi media per aprire il selettore multimediale.

  • Scegli dalla libreria multimediale di Durable o carica un'immagine (JPG, JPEG, PNG fino a 32MB). I caricamenti video non sono supportati.

  • Clicca Lascia che l'IA scelga per te per generare un'immagine automaticamente.

  • Dopo aver selezionato i media, appaiono controlli aggiuntivi:

    • Rigenera – Sostituisci l'immagine generata dall'IA.

    • Cambia – Seleziona nuovi media manualmente.

  • Raffina l'aspetto con:

    • Posizione – Regola il posizionamento orizzontale e verticale dell'immagine.

    • Overlay – Controlla quanto è visibile l'immagine o il video.

    • Sfocatura – Aggiungi un effetto sfocato morbido.

Opzioni di testo

  • Dimensione dell'intestazione – Scegli tra Piccolo, Medio, Grande o Extra Grande.

  • Dimensione del sottotesto – Scegli tra Piccolo, Medio o Grande.

  • Allineamento del testo – Allinea il contenuto a sinistra, al centro o a destra utilizzando le icone di allineamento.

Layout e Stile Avanzato

  • Angoli arrotondati – Scegli Piccolo, Medio, Grande, Nessuno, oppure abbina il tema della pagina del tuo sito.

  • Animazioni – Controlla come gli elementi appaiono quando la sezione si carica:

    • Le opzioni includono: Nessuna, Dissolvenza In, Zoom In, Zoom Out, Scorrimento Su, Scorrimento Sinistra, Scorrimento Destra, o abbinare il tema della pagina.

  • Spaziatura – Controlla lo spazio intorno alla sezione:

    • Spaziatura superiore – Nessuna, Piccola, Media o Grande

    • Spaziatura inferiore – Nessuna, Piccola, Media o Grande

  • Altezza min. – Imposta l'altezza minima della sezione:

    • Contenuto – Abbina l'altezza al contenuto all'interno.

    • Schermo – Riempi lo schermo del visitatore con la sezione.

      • Se, se è selezionato Screen, scegliere l'allineamento verticale: Top, Middle o Bottom.

Divisori e Bordo

  • Divisore – Aggiunge un divisore visivo tra questa sezione e la successiva. Quando abilitato, fai clic sull'esempio per scegliere uno stile.

  • Confine – Aggiungi un confine che corrisponda alla direzione del divisore:

    • Seleziona colore, spessore e tipo (Solido o Tratteggiato).

Quando hai finito di personalizzare la tua sezione, fai clic su Fatto nell'angolo in alto a destra del pannello per salvare le tue modifiche.

Se desideri aiuto per progettare sezioni eccezionali o hai bisogno di suggerimenti sulle migliori pratiche, il nostro team è sempre felice di assisterti.Contattaci!

Hai ricevuto la risposta alla tua domanda?