Disporre il contenuto

Panoramica

Il modo in cui disponi il contenuto nel sito Web è molto importante. Una buona disposizione consente ai visitatori di trovare facilmente ciò che cercano e a te di mettere in evidenza sezioni che altrimenti possono passare inosservate. Una pagina ben organizzata conferisce un aspetto professionale al sito Web e aiuta ad aumentare le vendite, poiché i visitatori del sito Webriescono a trovare facilmente ciò che cercano.

Guida

Struttura del sito Web responsivo

Your Responsive Website is built from a header, a footer, rows and column. Every widget that you add is inserted into one of these sections.  

Righe

Rows are the horizontal sections of your Website. When you add widgets and columns to your Website, they are placed in these rows. 

arrangingcontent1_en-us.png

You can add rows to your Website by dragging in widgets. When you drag a widget between rows or into space where you'd like there to be a row, a new row will be created when you drop the widget.

arrangingcontent2_en-us.png

There are two ways of deleting rows. You can right-click anywhere on the row to open the context menu and then select Delete. Alternately, you can click the Row button at the top left corner of the row and select Delete.

arrangingcontent3_en-us.png

Colonne

Ogni riga contiene almeno una colonna. Le colonne includono tutti i widget nel sito e controllano la loro disposizione.

arrangingcontent4_en-us.png

Ciascuna riga può contenere fino a quattro colonne. Quando aggiungi una nuova colonna,  appare lungo la colonna esistente in quella riga. 

arrangingcontent5_en-us.png

There are two ways of deleting columns. You can right-click anywhere on the column to open the context menu and then select Delete. Alternately, you can press the red X at the top right corner of the column.

arrangingcontent6_en-us.png

arrangingcontent7_en-us.png

Widget

I widget contengono il testo, le immagini, i pulsanti e altri contenuti del tuo sito Web. Per aggiungere widget al tuo sito, fai clic su Widget nel menu a sinistra, cerca il widget che desideri e quindi trascinalo e rilascialo nel sito. 

arrangingcontent8_en-us.png

There are a few ways of deleting widgets from your Site. You can right-click anywhere on the widget to open the context menu and then select Delete. Alternately, you can press the red X at the top right corner of the widget. 

arrangingcontent9_en-us.png

arrangingcontent10_en-us.png

Considerazioni

Mentre le viste desktop e tablet permettono a ogni riga di contenere fino a quattro colonne, i siti web per cellulari riescono a mostrare solo due colonne di seguito.

Le colonne aggiunte nella vista desktop o tablet assumeranno l'intera larghezza della pagina quando si passa alla visualizzazione per cellulare; per creare una riga con due colonne nella vistaper cellulare, passare a questa vista e aggiungere un widget a due colonne.

Domande frequenti

Come posso affiancare i widget ?

Esistono diversi modi per affiancare i widget. Puoi trascinare un widget sul sito Web, aggiungere una colonna alla riga dove tale widget è stato collocato, quindi trascinare un altro widget in tale colonna. Puoi anche trascinare il widget a due colonne sul sito Web e quindi rilasciarlo all'interno di ciascuna colonna. 

arrangingcontent11_en-us.png

arrangingcontent12_en-us.png

Come si seleziona una colonna o una riga?

I widget spesso occupano l'intero spazio di una colonna o riga, il che rende difficile selezionarli. Per aggirare il problema, fai clic con il pulsante destro del mouse sul widget nella colonna o riga che desideri selezionare, passa con il mouse sopra l'opzione Seleziona contenitore e quindi seleziona Colonna o Riga.

arrangingcontent13_en-us.png

Come si elimina l'ultima colonna in una riga?

Non serve! Le colonne vuote non vengono visualizzate sul sito live. Sono lì qualora volessi inserirci del contenuto. Puoi eliminare la colonna eliminando la riga in cui è contenuta.

Posso modificare in modo in cui vengono visualizzati i contenuti nella visualizzazione per dispositivi mobili?

Yes! You can toggle the reverse column order option in the row design to change how columns are displayed on the mobile view in each row.arrangingcontent14_en-US.png

Risorse