Inserisci un widget e scegli la sua versione
Aggiungi una sezione pronta alla pagina. Confronta le versioni e scegli quanto adattare colori e caratteri al tema del sito.
Le schermate mostrano Studio Forma, un progetto dimostrativo.
Comincia dal primo passaggioPrima di cominciare
Apri Home nell’editor. Nell’esempio aggiungiamo una Call to action, una sezione che invita a contattare lo studio. Prepara un titolo, una breve spiegazione e la pagina a cui deve portare il pulsante.
Seleziona una schermata per ingrandirla. Puoi seguire i passaggi anche leggendo soltanto il testo.
Apri il catalogo dei widget
Nella barra superiore dell’editor apri Pagina: stato, SEO e cornice, poi scegli + Aggiungi blocco. Questo comando aggiunge il widget in fondo alla pagina.
Per inserirlo in un punto preciso puoi usare il pulsante + sul bordo della sezione selezionata. Il comando si chiama Aggiungi un blocco qui.
Scegli cosa deve fare la sezione
Il catalogo Scegli un widget raggruppa le sezioni per funzione. Usa la ricerca oppure seleziona Call to action per seguire l’esempio.
Scegli il tipo in base al contenuto: una Galleria per una serie di immagini, Domande frequenti per risposte da consultare, Call to action per proporre un passo successivo.
Confronta versioni e adattamento al tema
Dopo il tipo, DeepCMS propone le versioni pronte. Per l’esempio scegliamo Nera. La versione porta una composizione con testi e immagini dimostrativi; puoi modificarli dopo l’inserimento.
Il controllo Adattamento al tema offre tre scelte. Nessuno mantiene colori e caratteri specifici della versione. Leggero adatta i colori e conserva i caratteri decorativi. Massimo adatta colori e caratteri al tema del sito.
Confronta l’anteprima mentre cambi il livello. Nell’esempio scegliamo Massimo per avvicinare la sezione all’identità di Studio Forma. Se una versione segue già il tema, alcune differenze possono essere poco visibili.
Confronta anche l’adattamento Nessuno
Sostituisci i contenuti dimostrativi
Premi Aggiungi alla pagina. Seleziona il nuovo widget e apri Contenuto nella barra delle proprietà.
Nell’esempio scriviamo «Parliamo dei tuoi spazi.» nel Titolo e «Raccontaci come vorresti vivere la tua casa.» nel Testo. In questa versione trovi il pulsante sotto Altri pulsanti: espandi la voce per modificare testo e destinazione.
Usiamo «Parliamone» come testo del pulsante e /it/contatti/ come destinazione. Nel tuo sito scegli la pagina adatta e controlla che esista. Alcune versioni collocano questi campi direttamente nel pannello.
Controlla la sezione nella pagina
Guarda come la sezione si collega a quella precedente. Se serve, apri Composizione per modificarne disposizione e spazi: nella prossima guida passiamo da Al centro a In linea.
Controlla la vista Telefono, premi Salva e aspetta il messaggio Salvato ✓. Riapri la pagina e verifica che il widget e i suoi contenuti siano presenti.
Prova sul tuo sito
Ripeti i passaggi sul tuo progetto e segna i controlli che completi. Le spunte restano in questo browser.
0 controlli completati su 4.