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 uniforme o un riempimento a gradiente.

  • Sostituisci 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 su 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.

  • Affina 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 di sfocatura morbida.

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 interno.

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

      • Se è selezionato Schermo, scegliere l'allineamento verticale: In alto, Centro o In basso.

Divisori e Bordo

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

  • Bordo – Aggiungi un bordo 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 hai bisogno di aiuto per progettare sezioni di spicco o necessiti di suggerimenti sulle migliori pratiche, il nostro team è sempre felice di assisterti.Contattaci!

Hai ricevuto la risposta alla tua domanda?