Adatta la sezione con il pannello Proprietà

Cambia disposizione, spazi e aspetto di un widget. Impara a scegliere il controllo adatto e a verificare le modifiche prima di salvarle.

Le schermate mostrano Studio Forma, un progetto dimostrativo.

Comincia dal primo passaggio

Call to action con titolo a sinistra, pulsante a destra e sfondo chiaro. — Il risultato dell’esercizio: stessa sezione, nuova disposizione e sfondo Superficie.

Prima di cominciare

Apri nell’editor la Call to action aggiunta nella guida precedente. Se usi un altro widget, i nomi dei campi e le composizioni disponibili possono cambiare.

Seleziona una schermata per ingrandirla. Puoi seguire i passaggi anche leggendo soltanto il testo.

Controlla cosa stai modificando

Seleziona la sezione nella pagina. Il bordo evidenzia il widget attivo e il pannello mostra il suo nome. Apri Proprietà dalla barra a destra.

Trovi Contenuto per testi, immagini ed elementi; Composizione per disposizione e misure; Stile per l’aspetto; Animazione per il movimento. Una voce può essere disattivata quando il widget non offre controlli di quel tipo.

Menu Proprietà del widget Call to action con le voci Contenuto, Composizione, Stile e Animazione. — Prima di cambiare un valore, controlla il nome del widget nell’intestazione del pannello.

Cambia disposizione e spazi

Apri Composizione. Nella Call to action, il campo Stile permette anche di scegliere la disposizione. Seleziona In linea: titolo a sinistra, pulsante a destra.

Espandi Spazio e misure e scegli Normale in Spazio sopra e sotto. Guarda il rapporto con le sezioni vicine: il testo deve avere spazio, e il pulsante deve restare vicino alla proposta.

Gli altri controlli permettono di regolare larghezza, posizione del contenuto e altezza. Cambia un valore alla volta per riconoscere il suo effetto.

Composizione della Call to action con Stile In linea e Spazio sopra e sotto Normale. — In questa sezione il campo Stile sceglie la disposizione. La voce Stile della barra laterale controlla invece l’aspetto.

Scegli lo sfondo della sezione

Apri Stile dalla barra a destra e trova Sfondo. Nell’esempio scegliamo Superficie per usare un fondo chiaro coordinato al tema.

Controlla subito la leggibilità di titolo, testo e pulsante. Questa modifica riguarda la sezione selezionata. Per cambiare il colore generale di Superficie, torna nel Tema del sito.

Pannello Stile con il controllo Sfondo e l’opzione Superficie selezionata. — Le opzioni Pagina, Superficie, Accento e Inverso riprendono i colori del tema.

Decidi se aggiungere movimento

Apri Animazione e controlla Movimento. Nell’esercizio scegliamo Fermo per osservare bene la composizione.

Se vuoi provare un effetto, confronta il risultato con Riproduci anteprima. Verifica che il movimento aiuti a seguire il contenuto e che titolo e pulsante restino facili da leggere.

Pannello Animazione con il controllo Movimento impostato su Fermo. — Puoi scegliere il movimento della sezione e aprire i controlli per l’animazione degli elementi.

Confronta, annulla e salva

Usa Annulla nella barra superiore per tornare alla modifica precedente e Ripeti per riapplicarla. Sono utili per confrontare due scelte prima del salvataggio.

Passa a Telefono e controlla la disposizione del widget. Il selettore cambia l’anteprima; un controllo specifico Desktop o Telefono, quando presente, serve a regolare i valori per quello schermo.

Premi Salva, aspetta la conferma e riapri la pagina. Controlla che la disposizione, lo sfondo e i testi siano quelli scelti.

La nuova sezione Call to action nella vista Telefono dell’editor. — Controlla la composizione sul telefono anche se hai lavorato da desktop.

Prova sul tuo sito

Ripeti i passaggi sul tuo progetto e segna i controlli che completi. Le spunte restano in questo browser.

Ho verificato il widget selezionato prima di modificare i valori.Ho cambiato disposizione e spazi della Call to action.Ho controllato lo sfondo e la leggibilità dei testi.Ho provato Annulla e Ripeti, poi salvato e riaperto la pagina.

0 controlli completati su 4.