Blocchi forma

Crea figure a tinta unita per migliorare il design della pagina.

Ultimo aggiornamento 4 settembre 2023

Utilizza i blocchi forma per aggiungere forme diverse alle sezioni di Editor fluido. Questo è un ottimo modo per variare i layout e aggiungere motivi accattivanti, oppure per sovrapporre blocchi di forma ad altri blocchi per creare layout di maggiore impatto visivo.

Guarda un video

Suggerimento

i blocchi di forma aggiungono solo una forma a tinta unita al design della pagina. Per aggiungere un'immagine all'interno di una forma, utilizza il blocco immagine.

Three_shape_blocks_-_a_square__a_star__and_a_flower_-_behind_text.png

Accesso a questa funzionalità

I blocchi di forma sono supportati nell'Editor fluido sui siti nella versione 7.1.

Aggiungi un blocco di forma

Per aggiungere un blocco di forma:

  1. Modifica una pagina o un post, fai clic su Aggiungi blocco, quindi fai clic su Forma. Per assistenza, visita Aggiungere contenuti con blocchi.
  2. Apri l'editor dei blocchi cliccando sull'icona della matita presente sul blocco o facendo doppio clic sul blocco stesso.
  3. In Forma, fai clic sul menu a discesa e seleziona la forma che desideri. Se selezioni la forma quadrata di base, imposta i raggi degli angoli.
  4. Attiva la levetta Stretch per far sì che la forma riempia il blocco. Le proporzioni della forma possono cambiare quando si ridimensiona il blocco. Se lasci disabilitato Stretch, la forma mantiene le sue proporzioni quando ridimensioni il blocco.
  5. Fai clic sulla modifica Colore per impostare il colore del blocco.
  6. Clicca sul menu a discesa Modalità Blend per scegliere un'impostazione di trasparenza. Questi effetti sono ottimali se stai sovrapponendo un blocco di forme a un'immagine o ad altri contenuti visivi.
  7. Accanto a Forma, attiva una linea solida o tratteggiata che ne delimiti i contorni. Per le linee solide e tratteggiate, imposta il tratto ColoreSpessore. Per le linee tratteggiate, imposta la dimensione del tratteggio e dello spazio vuoto e la forma delle estremità.
  8. Fai clic sull'opzione Ombreggiatura per aggiungere un'ombra alla forma. Imposta l'Angolo, la Distanza, la Sfocatura, e il Colore.

Suggerimento

Se l'ombra non appare, aumenta la distanza o la sfocatura.

Colore del blocco di forma

Nell'editor di blocchi, puoi selezionare un colore per la forma dalla tavolozza del sito o scegliere un colore personalizzato. Puoi inoltre selezionare un colore per l'ombra del blocco dopo averlo abilitato. Con queste impostazioni, ogni blocco di forma aggiunto può essere di colore diverso con un'ombra colorata diversa.

Tieni presente che se selezioni un colore della tavolozza e in seguito cambi la tavolozza del sito, il colore potrebbe cambiare per adattarsi alla nuova tavolozza. Se selezioni un colore personalizzato per il blocco di forma o per la sua ombra, tale colore rimane invariato anche se cambi la tavolozza.

Se non selezioni un colore nell'editor dei blocchi, i blocchi di forma e le loro ombreggiature seguono i colori predefiniti della sezione combinazione di colori. Per personalizzare i colori predefiniti:

  1. Apri Stili sito.
  2. Clicca su Colori.
  3. Passa il mouse sul tema della sezione e fai clic sull'icona della matita.Se non sei sicuro del tema utilizzato dalla sezione, controlla l'etichetta nell'angolo in alto a destra della sezione.
  4. Scorri fino a Blocco di forma, quindi modifica Colore sfondo e il Colore dell'ombra.

Passaggi successivi

Dopo aver impostato il disegno del blocco di forma:

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.