Scegli un modello e personalizzalo
Parti da una composizione pronta e adattala al tuo progetto. In questa guida scegli un modello, cambi il colore d’accento e riscrivi l’apertura della home.
Lavoriamo su Studio Forma, uno studio di architettura inventato per la guida. Le schermate mostrano un sito di prova reale, creato dal modello Lineare.
Comincia dal primo passaggioPrima di cominciare
Ti servono un account DeepCMS Pro e un sito già aperto nel pannello, con il permesso di creare altri siti. Prepara il nome del progetto, un titolo per la home e un colore da usare per pulsanti e link.
Se è il tuo primo accesso
La schermata iniziale mostra Crea il tuo primo sito. Inserisci il nome e scegli Crea il sito per aprire il pannello con una home essenziale.
Da quel pannello puoi creare un nuovo sito da modello, seguendo questa guida. Se vuoi lavorare nel sito appena creato, scegli Contenuti → Nuova pagina → Da un modello: aggiungi una pagina al sito esistente. Il tema del sito resta quello attuale; il pannello ti chiede conferma se il modello richiede un adattamento.
Se una schermata è piccola, selezionala per ingrandirla. Puoi seguire i passaggi anche leggendo soltanto il testo.
Apri i modelli
Nel pannello, apri il selettore con il nome del sito, in alto a sinistra. Scegli Nuovo sito, poi resta su Da un modello.
Usa la ricerca per trovare un modello per nome, attività o stile. Per seguire l’esempio, cerca Lineare. Puoi scegliere un altro modello se la sua composizione si adatta meglio al tuo progetto.
Scegli e crea il sito
Seleziona la copertina del modello e apri Anteprima. Controlla le pagine dal menu Pagina e passa da Desktop a Telefono.
Guarda come il modello distribuisce titoli, immagini e contenuti. Per un progetto fotografico, valuta quanto spazio offre alle immagini; per un sito ricco di informazioni, controlla la leggibilità dei testi.
Scegli Usa questo modello, inserisci il Nome del sito e premi Crea il sito. Nell’esempio scriviamo «Studio Forma».
DeepCMS importa le pagine e il tema del modello scelto. Lineare include cinque pagine, menu, footer e immagini di esempio. Altri modelli possono contenere soltanto la home: controlla la scheda prima di scegliere.
Il nuovo sito apre la home nell’editor e mantiene le pagine importate in bozza. Puoi iniziare a personalizzarle.
Adatta il tema
Esci dall’editor con la freccia in alto a sinistra e apri Tema dalla navigazione principale. Qui scegli caratteri, colori e misure che il sito usa come impostazioni generali.
Per la prima modifica, trova Accento e inserisci il colore del progetto. Nell’esempio usiamo il terracotta #8b4e2f. Premi Salva il tema.
Una scelta alla volta
Il modello include già un tema coordinato. Prova prima il colore d’accento e guarda il risultato. Se scegli un altro Punto di partenza, DeepCMS riporta caratteri, colori e misure ai valori di quel tema.
Personalizza l’apertura
Torna in Contenuti → Pagine e apri Home. Seleziona il titolo nella pagina, poi apri Contenuto dalla barra a destra.
Nel campo Titolo, scrivi una frase che presenti il tuo progetto. Nell’esempio sostituiamo «Abitare la luce.» con «Spazi per vivere bene.». Premi Invio nel campo per scegliere dove andare a capo.
Nel Sottotitolo, spiega cosa fai per chi visita il sito. Nell’esempio scriviamo «Studio Forma progetta interni a partire da come vuoi viverli.».
Controlla anche Testo del pulsante e Link del pulsante. Nel modello Lineare, «Chi siamo» apre /it/studio/. Se cambi la destinazione, scrivi un’etichetta che descriva ciò che la persona troverà.
Scrivi per lo spazio che hai
Un titolo molto più lungo cambia il peso della composizione. Comincia con una frase breve, poi controlla dimensioni e interruzioni di riga sul telefono.
Controlla e salva
Chiudi il pannello delle proprietà e scegli Telefono nella barra superiore dell’editor. Leggi il titolo e il sottotitolo: il testo deve restare leggibile e il pulsante deve avere spazio sufficiente.
Premi Salva e aspetta il messaggio Salvato ✓. Esci dall’editor, riapri Home e verifica che i nuovi testi siano ancora presenti. Se vuoi vedere la pagina fuori dall’editor, usa il comando Anteprima con le modifiche correnti.
Prova sul tuo sito
Scegli un modello per un tuo progetto e ripeti le modifiche. Segna i controlli mentre li completi; le spunte restano in questo browser.
0 controlli completati su 5.
Prima di andare online
Salva conserva le modifiche della pagina. La prima messa online del sito passa da Messa online, dove trovi i passaggi Abbonamento, Dominio e Pubblica il sito.
Il sito di questa guida resta in lavorazione. Prima di pubblicare il tuo, completa le altre pagine e sostituisci i contenuti dimostrativi: fotografie, indirizzi, link social, numeri e testimonianze devono appartenere al tuo progetto.