Aggiungi, sposta e ridimensiona i blocchi
Aggiungi blocchi a una pagina trascinandoli o facendo clic, poi spostali, ridimensionali, duplicali ed eliminali sulla griglia a 12 colonne.
I blocchi sono i mattoncini di una pagina: titoli, testo, pulsanti, immagini, griglie di prodotti e altro. Li aggiungi dal pannello Blocchi, li lasci dove vuoi e trascini i bordi per cambiarne le dimensioni.
Come sono disposti i blocchi
Ogni sezione di una pagina è una griglia di 12 colonne. Un blocco occupa una o più colonne e una o più righe di quella griglia. Quando lasci o ridimensioni un blocco, questo si aggancia alla griglia, così gli elementi restano allineati e la pagina si riorganizza in modo ordinato sul telefono. Non posizioni mai un blocco al pixel.
I blocchi vivono dentro le sezioni (vedi Lavora con le sezioni). Una pagina ha bisogno di almeno una sezione prima che tu possa aggiungere un blocco.
Aggiungi un blocco
Puoi aggiungere un blocco in due modi.
Trascinalo sulla pagina
- Nel pannello Blocchi a sinistra, trova il blocco che vuoi. I gruppi sono Elementi di base, Media, Layout, Negozio, Marketing e Menu e moduli.
- Tieni premuto il blocco e trascinalo sulla pagina.
- Sposta il puntatore su una sezione. Compaiono colonne chiare e un riquadro blu mostra esattamente dove finirà il blocco e quanto sarà grande.
- Rilascia il pulsante del mouse. Il blocco compare nel riquadro ed è selezionato, quindi le sue impostazioni si aprono a destra.
Nota: Lascia il blocco su uno spazio vuoto. Se lo lasci su un punto già occupato da un altro blocco, i due si sovrappongono. Premi Ctrl + Z per annullare, oppure trascina il nuovo blocco da un’altra parte.
Fai clic su di esso
Fai clic su un blocco nel pannello Blocchi per aggiungerlo in fondo alla sezione che hai selezionato. Se non c’è nulla di selezionato, va nell’ultima sezione della pagina. È il modo più rapido per costruire una pagina dall’alto verso il basso.
Seleziona un blocco
Fai clic su un blocco nella pagina. Ottiene un contorno blu, due maniglie blu di ridimensionamento e una piccola barra degli strumenti accanto con tre pulsanti: Duplica, Ruota ed Elimina. Il pannello delle impostazioni a destra cambia per mostrare le impostazioni di quel blocco.
Sposta un blocco
- Tieni premuto il blocco e trascinalo. Una piccola copia del blocco segue il puntatore.
- Osserva il riquadro blu per vedere dove finirà.
- Rilascia il pulsante del mouse.
Puoi trascinare un blocco in un’altra sezione, oppure in un contenitore o in una griglia (vedi Crea layout con contenitori e griglie). Spostare un blocco in una sezione diversa è possibile solo nella vista Desktop, perché cambia il blocco su ogni dimensione dello schermo.
Ridimensiona un blocco
- Fai clic sul blocco per selezionarlo.
- Trascina la maniglia sul bordo destro per cambiare quante colonne è largo. Trascina la maniglia sul bordo inferiore per cambiare quante righe è alto.
- Rilascia il pulsante del mouse.
Imposta dimensioni e posizione con i numeri
Per un controllo preciso, usa il pannello delle impostazioni invece di trascinare.
- Seleziona il blocco.
- Nel pannello delle impostazioni, fai clic su Dimensioni e posizione per aprirlo.
- Usa i pulsanti meno e più per cambiare Inizia alla colonna, Larghezza in colonne, Inizia alla riga e Altezza in righe.
Lo stesso gruppo contiene questi extra:
- Occupa tutta la larghezza estende il blocco su tutte le colonne dell’elemento che lo contiene.
- Nascondi questo blocco nasconde il blocco. Nelle viste Tablet e Mobile l’interruttore lo nasconde solo su quella dimensione dello schermo. Vedi Fai apparire bene il sito su smartphone e tablet.
- Uguale su tutti gli schermi mantiene un unico layout per il blocco su desktop, tablet e telefono.
- Regolazione fine contiene i cursori Rotazione, Sposta di lato e Sposta in basso. Servono a inclinare o spostare il blocco solo visivamente, senza cambiarne il posto nella griglia, quindi nulla intorno si muove. La piccola x accanto a un cursore lo riporta a zero. Puoi anche ruotare trascinando intorno al blocco il pulsante Ruota nella barra degli strumenti del blocco. Si aggancia alla posizione dritta e, tenendo premuto Maiusc, si aggancia a passi di 15 gradi.
Suggerimento: Puoi anche spostare un blocco selezionato con la tastiera. Ctrl + un tasto freccia lo sposta di una cella della griglia, e Ctrl + Maiusc + un tasto freccia lo rende più largo o più alto di una cella. Vedi L’editor in breve per tutte le scorciatoie.
Duplica o elimina un blocco
- Per duplicare, seleziona il blocco e fai clic su Duplica nella sua barra degli strumenti, oppure premi Ctrl + D. La copia compare subito sotto l’originale.
- Per eliminare, seleziona il blocco e fai clic su Elimina nella sua barra degli strumenti, oppure premi Canc. Puoi anche aprire Gestisci nel pannello delle impostazioni e fare clic lì su Duplica o Elimina.
L’eliminazione di un blocco non chiede conferma. Se ne elimini uno per sbaglio, fai clic su Annulla nella barra superiore.