L'organizzazione dei contenuti sul tuo sito è fondamentale. Organizzare bene i contenuti aiuta i visitatori a trovare facilmente ciò che cercano e ti consente di evidenziare sezioni del sito che altrimenti potrebbero passare inosservate. Una pagina ben organizzata conferisce al tuo sito un aspetto professionale e contribuisce ad aumentare le vendite, facilitando la ricerca da parte dei visitatori.
Struttura Siti web Guesty
Il Website Builder è costituito da intestazione, piè di pagina, righe e colonne. Ogni widget aggiunto viene inserito in una di queste sezioni.
I widget spesso occupano l'intera dimensione di una colonna o riga, rendendo difficile selezionarli. Per aggirare questo problema, fai clic con il pulsante destro del mouse sul widget nella colonna o riga che desideri selezionare, passa il mouse sull'opzione Seleziona contenitore e seleziona Colonna o Riga .
Righe
Le righe sono le sezioni orizzontali del tuo sito. Quando aggiungi widget e colonne al tuo sito, questi vengono posizionati all'interno di queste righe. Per modificare la visualizzazione dei contenuti nella visualizzazione mobile, clicca sul pulsante " Inverti ordine colonne" nell'editor di righe. Devi modificare le opzioni di progettazione della riga nella visualizzazione mobile per accedere all'opzione "Inverti ordine colonne".
Puoi aggiungere righe al tuo sito trascinando i widget al suo interno. Quando trascini un widget tra le righe o in uno spazio in cui desideri aggiungere una riga, verrà creata una nuova riga quando rilasci il widget.
Per eliminare una riga, fai clic con il pulsante destro del mouse in un punto qualsiasi della riga per aprire il menu contestuale, quindi fai clic su Elimina . In alternativa, fai clic sul pulsante Riga nell'angolo in alto a sinistra della riga e fai clic su Elimina .
Nota:
Per informazioni dettagliate sulla modifica e l'organizzazione delle righe, vedere Editor di righe .
Colonne
Ogni riga contiene almeno una colonna. Le colonne contengono tutti i widget del tuo sito e ne controllano la disposizione.
Ogni riga può contenere fino a quattro colonne. Ogni volta che aggiungi una nuova colonna, questa appare accanto alla colonna esistente in quella riga.
Nota:
- Mentre le visualizzazioni desktop e tablet consentono a ogni riga di contenere fino a quattro colonne, i siti web per dispositivi mobili possono visualizzare al massimo due colonne di fila.
- Le colonne aggiunte nelle viste desktop o tablet assumeranno l'intera larghezza della pagina quando si passa alla vista mobile; per creare una riga con due colonne nella vista mobile, passare prima alla vista mobile, quindi aggiungere un widget a due colonne.
Per eliminare una colonna, fai clic con il pulsante destro del mouse in un punto qualsiasi della colonna per aprire il menu contestuale, quindi fai clic su Elimina . In alternativa, fai clic sulla X rossa nell'angolo in alto a destra della colonna.
È possibile posizionare i widget direttamente nelle colonne oppure strutturare ulteriormente la colonna aggiungendo righe interne.
Nota:
Per informazioni dettagliate sulla modifica e l'organizzazione delle colonne, vedere Editor di colonne .
Righe interne
Le righe interne offrono una maggiore flessibilità di progettazione, consentendo di aggiungere righe all'interno delle colonne. Con l'aiuto delle righe interne, è possibile variare il layout delle colonne e mantenere il design generale della riga (ad esempio, sfondo, spaziatura, abbondanza).
Proprio come le righe normali, le righe interne possono avere uno sfondo e una spaziatura propri, essere divise in un massimo di quattro colonne e il loro ordine può essere modificato su dispositivi mobili. Le colonne nelle righe interne possono essere popolate da qualsiasi widget, ma le righe interne non possono essere aggiunte a tali colonne.
Per aggiungere una riga interna a una colonna, procedere in uno dei seguenti modi:
- Fai clic con il pulsante destro del mouse sulla riga e seleziona Aggiungi riga interna . Se la riga contiene più colonne, scegli a quale colonna aggiungere le righe interne.
- Fare clic con il pulsante destro del mouse sulla colonna e scegliere Aggiungi riga interna .
- Fare clic con il pulsante destro del mouse sulla riga interna e scegliere Aggiungi riga per posizionare una riga interna sotto quella corrente.
Esempio di riga interna
Per fare un esempio di come utilizzare la riga interna, diamo un'occhiata a due modi in cui è possibile progettare un layout contenente un titolo e 3 pulsanti:
- Aggiungi due righe. Inserisci il titolo nella riga 1 con 1 colonna. Dividi la riga 2 in 3 colonne. Inserisci un pulsante in ogni colonna.
- Due righe separate non possono condividere la stessa immagine di sfondo ed è necessario impostare la spaziatura e il riempimento separatamente per ogni riga.
- Aggiungi una riga. Per impostazione predefinita, ogni riga contiene una colonna. Aggiungi 2 righe interne alla colonna. Inserisci il titolo nella riga interna 1. Dividi la riga interna 2 in 3 colonne. Inserisci un pulsante in ogni colonna.
-
Queste due righe interne condivideranno lo sfondo, la spaziatura e il riempimento della riga principale.
-
Alcune considerazioni importanti quando si tratta di modificare le righe interne:
- È possibile utilizzare le frecce di cambio ordine solo per cambiare l'ordine tra le righe interne. Per cambiare l'ordine dei widget e delle righe interne, è necessario trascinare manualmente i widget sopra o sotto la riga interna.
- I widget a 2, 3 e 4 colonne non possono essere posizionati nelle righe interne. Per aggiungere una colonna, fare clic con il pulsante destro del mouse sulla riga e scegliere "Aggiungi colonna".
- A differenza delle righe normali, le righe interne non possono essere copiate e incollate.
Widget
I widget contengono testo, immagini, pulsanti e altri contenuti del tuo sito.
Per aggiungere widget al tuo sito:
- Nel pannello di sinistra, fare clic su Widget .
- Cerca il widget che desideri, quindi trascinalo e rilascialo nel tuo sito.
Per eliminare un widget dal tuo sito, fai clic con il pulsante destro del mouse in un punto qualsiasi del widget per aprire il menu contestuale, quindi fai clic su Elimina . In alternativa, fai clic sulla X rossa nell'angolo in alto a destra del widget.
Per disporre i widget uno accanto all'altro, trascinane uno sul tuo sito, aggiungi una colonna alla riga in cui è stato posizionato il widget, quindi trascina un altro widget in quella colonna. In alternativa, trascina il widget a due colonne sul tuo sito e quindi trascina e rilascia i widget in ciascuna colonna.
Aggancia per allineare
Durante il ridimensionamento dei widget all'interno della stessa colonna, Guesty Siti web tenta di allinearli in modo che abbiano esattamente le stesse dimensioni. Durante il ridimensionamento, Guesty Siti web si sposta avanti o indietro per allinearsi alla posizione desiderata. Questo dovrebbe semplificare l'allineamento dei widget.
Aggancia alla griglia
La funzionalità "Aggancia alla griglia" aiuta a disporre i widget nelle pagine del tuo sito con precisione professionale. Questo sistema consente di allineare i widget orizzontalmente e verticalmente all'interno di colonne e righe. I righelli vengono visualizzati quando si sposta un elemento nella sua riga o colonna, o quando si ridimensiona il widget. Gli elementi allineati sono contrassegnati da un bordo colorato. Un widget può essere allineato con più di un altro widget, a seconda del caso d'uso specifico.
Nota:
L'allineamento è supportato nelle visualizzazioni dei tre diversi dispositivi (desktop, tablet, mobile).
Per ulteriori informazioni sull'aggiunta e la modifica dei widget, vedereAggiungi widget e Modifica widget .
