I Canvas

Per replicare la struttura del template, abbiamo bisogno di una serie di canvas. Ogni canvas rappresenta una sezione in cui trascinare dei componenti. Scopri come gestire le proprietà di base di un canvas in questo video. Puoi accedere alle proprietà di un canvas tramite click destro su un'area vuota.

Trascrizione

Guardiamo il nostro template. Abbiamo un'immagine a destra e del testo a sinistra. Abbiamo anche due pulsanti animati sotto al testo. Stiamo per riprodurre questo contenuto in Webround.

La prima cosa da fare è aggiungere un canvas, che conterrà componenti. Possiamo cambiare la sua altezza fissa. Notate che il canvas è responsive. Ciò significa che se i componenti interni si allargano, il canvas crescerà, in modo che lo stato del tuo sito web sia responsive su tutti i dispositivi.

Faccendo clic destro sulla superficie del canvas, apriremo le impostazioni della sezione. Un menu trascinabile che può essere spostato in giro. Ogni canvas ha 24 colonne con un'altezza delle caselle di base. Ogni casella agisce come una calamita per i componenti. Ciò significa che quando si trascina e si rilascia il componente nel canvas, si attaccherà alla casella più vicina del canvas.

Questa sezione avrà 50 pixel di altezza per le caselle e una spaziatura di 5 pixel. La casella renderà ogni componente più alto, mentre la spaziatura ridotta porterà i componenti a stare più vicini tra loro.