Il tuo primo sito

Per creare un sito scegli lo spazio di lavoro, l'indirizzo, un design e un punto di partenza. Libretto costruisce le pagine del punto di partenza e apre l'editor. Poi imposti il brand una volta sola, in Impostazione del brand, e tutto il design system ne discende.

Prima di iniziare #

• Puoi creare un sito nello spazio di lavoro che gestisci (quello nato dalla tua richiesta di accesso) oppure con il ruolo Amministratore. Gli altri no: il sito lo crea chi gestisce lo spazio di lavoro, o un amministratore, e glielo assegna.
• Se il sito usa font propri, caricali prima (vedi Tipografia e font): Impostazione del brand propone i font che il sito ha già.
• Tieni a portata di mano i colori del brand in esadecimale (per esempio #1e3d4f).

Crea il sito #

1. Apri il modulo in uno di questi modi:
   • nella barra laterale, apri il selettore Sito web e scegli Nuovo sito;
   • in Piattaforma > Siti web, scegli Aggiungi sito;
   • premi ⌘ K (Ctrl K su Windows e Linux), scrivi "nuovo sito" e scegli Nuovo sito.
2. Si apre il modulo Crea un sito web. Controlla lo Spazio di lavoro.
3. Scrivi il Nome del sito. L'Indirizzo del sito si compila da solo, con lettere minuscole, numeri e trattini. Sotto compare l'indirizzo di piattaforma che avrà il sito, <indirizzo>--<spazio di lavoro>.<dominio della piattaforma>.
4. In Design del sito, scegli il design. Oggi ce n'è uno, Tema Standalone.
5. In Punto di partenza, scegli con cosa parte il sito:
   • Punto di partenza generale: un sito neutro di quattro pagine con navigazione, tipografia e contenuti segnaposto modificabili. È già selezionato.
   • Sito vuoto: una home page vuota con intestazione e piè di pagina essenziali.
6. Scegli la Lingua principale, quella che i visitatori vedono per prima. Altre lingue si aggiungono poi in Impostazioni del sito > Lingue.
7. Lascia Pubblica sotto un altro sito (facoltativo) su No, usa un indirizzo proprio, a meno che il sito non viva dentro un altro (per esempio un negozio in indirizzo-del-sito/negozio/): in quel caso scegli il sito superiore e scrivi il Percorso nel sito superiore.
8. Scegli Crea sito.

Si apre l'editor sulla home page del nuovo sito.

Imposta il brand #

1. Nella barra laterale, apri Design system > Impostazione del brand.
2. In Colori, inserisci Primario, Secondario e Neutro in esadecimale. Ogni colore diventa una scala di undici tonalità; il primario resta esattamente come lo inserisci.
3. In Tipografia, scegli i font per Titoli e Testo, la Scala (Compatta, Equilibrata, Ampia o Marcata) e la Dimensione del testo su desktop.
4. In Spazi e angoli, imposta l'Unità di spaziatura e gli Angoli: Netti, Morbidi, Arrotondati o Pillola.
5. Leggi la riga di stato sotto il modulo. Quando dice Tutte le coppie di contrasto sono valide. Pronto per il salvataggio., scegli Salva il brand.

L'anteprima a destra si aggiorna mentre scrivi: Scale di colore, Ruoli e contrasto per chiaro e scuro, un campione di Tipografia e i Componenti disegnati con il foglio di stile che questo brand salverebbe.

Cosa vedi #

• Nell'editor, le pagine del punto di partenza compaiono nei livelli e l'anteprima mostra il sito con i testi segnaposto.
• Il sito è una bozza: i visitatori non vedono nulla finché non pubblichi (vedi Pubblicazione e versioni).
• Dopo Salva il brand, lo stato dice Brand salvato. e ogni pagina e componente usa i nuovi colori, la tipografia e gli angoli.

Errori comuni #

• Salva comunque. Per alcuni casi il modulo propone Salva comunque, se accetti coppie difficili da leggere. Usalo solo per coppie su cui non andrà mai del testo: ne dipende l'accessibilità del sito.
• L'indirizzo è già usato. Ogni indirizzo deve essere unico nello spazio di lavoro. Scegline un altro: l'indirizzo entra nell'URL e cambiarlo dopo è scomodo.
• Il tuo font non è nell'elenco. L'elenco mostra i font del sito, poi Sans-serif di sistema, Serif di sistema e Monospaziato di sistema. Carica o importa prima il font, poi torna qui.
• Impostazione del brand riscrive il design system. Usala all'inizio. Ogni salvataggio sostituisce le palette di colore, i ruoli di colore dei temi chiaro e scuro, le dimensioni del testo, le famiglie dei titoli e del testo, gli stili di testo, i passi di spaziatura e i raggi degli angoli, anche quelli che hai ritoccato a mano. Le impostazioni dei componenti e i pesi dei caratteri restano come sono. Se cambi idea, scegli Annulla accanto a Salva il brand subito dopo il salvataggio.
• Una sola lingua principale. La lingua principale decide l'indirizzo senza prefisso e il testo mostrato quando manca una traduzione. Scegli quella che legge la maggior parte dei visitatori.

Vedi anche #

• Il tuo spazio di lavoro
• Costruire una pagina
• Colori, spazi e temi
• Tipografia e font
• Le lingue del sito