Disposizione casella / riga / colonna

In WebAcappella, l'organizzazione degli elementi segue una struttura precisa:

• Le caselle sono i contenitori principali che strutturano la pagina.
• Le righe si inseriscono direttamente nelle caselle e consentono un'organizzazione orizzontale.
• Le colonne sono elementi come gli altri (testo, immagine, pulsante) e devono essere trascinate in una riga per organizzare il contenuto verticalmente.

Questa gerarchia consente di progettare layout flessibili e adattivi.

Legenda dei colori

Nell'interfaccia di WebAcappella, ogni elemento che struttura la pagina è rappresentato da un colore specifico:

• Marrone per le caselle.
• Rosa per le righe.
• Verde per le colonne.

Quando un elemento viene selezionato, viene circondato da una cornice dello stesso colore.

Creare una nuova pagina

1. Creare una nuova pagina in WebAcappella.
2. Viene automaticamente inserita una casella contenente una riga.

Aggiungere colonne in una riga

1. Ogni riga è suddivisa in 12 tacche, il che consente di regolare facilmente la larghezza delle colonne.
2. Trascinare una o più colonne nella riga con il drag and drop.
3. Ripetere l'operazione per aggiungere più colonne affiancate.
4. Ridimensionare le colonne regolandone le proporzioni.
5. In ciascuna delle colonne create, trascinare gli elementi desiderati (testo, immagine, pulsante, ecc.) che occuperanno la larghezza della colonna.

Aggiungere riquadri e righe

1. È possibile trascinare tutte le caselle necessarie nella stessa pagina.

Consigli pratici

• Privilegia una struttura chiara utilizzando più riquadri per organizzare la pagina.
• Utilizza le colonne per bilanciare il layout, ma evita di inserirne troppe per non sovraccaricare la visualizzazione su dispositivi mobili.
• Verificare regolarmente la modalità responsive per assicurarsi che la visualizzazione sia corretta su tutti gli schermi.