Progettare, salvare e riusare una sezione.
Costruisci con cura una sezione e riusala su ogni pagina che ne ha bisogno. Stilizzi un callout Open Day con spaziatura, un carattere più grande, i colori del brand e gli angoli arrotondati. Poi salvi la pagina, conservi la sezione come modello e la inserisci di nuovo. Ogni passaggio di stile ha la sua guida quando vuoi più dettagli.
Il video stilizza il callout, lo salva come modello e lo inserisce una seconda volta.
Prima di iniziare
- Puoi modificare una pagina con DXPR Builder, e la pagina ha una sezione in cui lavorare. Vedi Creare la tua prima pagina.
Preparazione
- Fai clic su + dentro la sezione, apri la scheda Contenuto del selettore di elementi e scegli Testo. Si apre la sua finestra delle impostazioni.
- Digita il tuo annuncio e imposta la sua prima riga su Intestazione 2.
- Apri il pannello Stile della stessa finestra e imposta la parte superiore e inferiore di Padding a 40 pixel nel box model.
- Imposta Dimensione carattere su 20.
- Scegli un Colore carattere bianco e uno Sfondo blu navy.
- Imposta Raggio del bordo su 12 e fai clic su Salva.
- Fai clic su Salva nella barra degli strumenti di DXPR Builder.
- Punta al callout e fai clic su Altro nella barra di controllo più esterna, quella per l’intera sezione, poi scegli Salva come modello, digita un Nome modello, spunta Modello globale e fai clic su Salva.
- Fai clic su + nella barra degli strumenti di DXPR Builder, apri la scheda Modelli salvati e fai clic sul tuo modello.
- Fai clic su Salva nella barra degli strumenti di DXPR Builder.
Cosa vedi
Il callout è un blocco blu navy con testo bianco e più grande, spazio sopra e sotto e angoli arrotondati. Dopo il passaggio 9 una seconda copia sta sulla pagina. La copia è indipendente: cambia il suo testo e il primo callout resta com’era. Il tuo modello ora aspetta nella scheda Modelli salvati di ogni pagina. Con Modello globale spuntato, anche gli altri editor lo vedono.
Ogni passaggio di stile ha la sua guida:
- Spaziatura: padding e margini nel box model.
- Tipografia: dimensione e colore del carattere.
- Colore e branding: colori che si abbinano al tuo brand.
- Bordi e ombre: raggio del bordo, stile del bordo e ombra esterna.
- Sfondi: colori, immagini ed effetti dietro un elemento.
- Righe e colonne e Progettazione responsive: layout e dimensioni dello schermo.
- Modelli utente e Scheda modelli salvati: salvare e riusare sezioni.
Se non vedi il tuo modello
- Il modello non è nella scheda Modelli salvati. Il salvataggio non è finito, o sei su un altro sito. Salva di nuovo la sezione dal suo menu Altro e cerca il nome del modello in Cerca.
- Il menu Altro ha salvato l’intera pagina invece della sezione. Hai usato Altro nella barra degli strumenti di DXPR Builder. Usa Altro nella barra di controllo della sezione stessa, quella più esterna.
- Il testo non è diventato più grande o bianco. Hai cambiato le impostazioni di un altro elemento. Apri le Impostazioni dell’elemento Testo stesso e controlla Dimensione carattere e Colore carattere nel suo pannello Stile.
Passi successivi
- Modelli utente: gestisci, condividi ed elimina i tuoi modelli.
- Guide di progettazione: colore, pulsanti, card e layout a tutta larghezza.