Structure de page

Il est important d'organiser le contenu d'une page pour qu'il reste structuré. Ainsi, les visiteurs peuvent plus facilement trouver ce qu'ils cherchent.

Sélectionner facilement une colonne ou une ligne

Le Constructeur de site web est composé d'un en-tête (header), d'un pied de page (footer), de lignes et de colonnes. Chaque widget que vous ajoutez est placé dans l'une de ces sections. Ces widgets occupent souvent la taille totale d'une ligne ou d'une colonne, ce qui rend leur sélection difficile.

1. Pour contourner cela, cliquez avec le bouton droit sur le widget dans la colonne ou la ligne que vous souhaitez sélectionner.
2. Choisissez ensuite l'option 'Sélectionner le conteneur' et sélectionnez ensuite la colonne ou la ligne concernée.

Lignes

Les lignes sont les sections horizontales de votre site. Lorsque vous ajoutez des widgets et des colonnes à votre site, ils sont placés à l'intérieur de ces lignes.

Vous pouvez ajouter des lignes à votre site en faisant glisser des widgets vers le site. Lorsque vous faites glisser un widget entre des lignes ou vers un espace où vous souhaitez ajouter une ligne, une nouvelle ligne est créée lorsque vous déposez le widget.

Si vous souhaitez supprimer une ligne, cliquez avec le bouton droit de la souris n'importe où sur la ligne pour ouvrir le menu. Cliquez ensuite sur Supprimer. Vous pouvez également ouvrir ce menu en cliquant sur 'Ligne' dans le coin supérieur gauche.

Vous souhaitez que le contenu s'affiche différemment sur l'affichage mobile ? Sélectionnez d'abord l'affichage mobile (cliquez sur l'icône mobile en haut pour cela). Ouvrez ensuite le menu d'une ligne spécifique en cliquant avec le bouton droit de la souris. Activez l'option 'ordre des colonnes inversé' pour afficher les colonnes différemment sur mobile.

Colonnes

Chaque ligne contient au moins une colonne. Les colonnes contiennent tous les widgets de votre site et déterminent leur disposition.

Chaque ligne peut contenir un maximum de quatre colonnes. Chaque fois que vous ajoutez une nouvelle colonne, elle apparaît à côté de la colonne existante dans cette ligne.

Bien que sur l'ordinateur de bureau et la tablette, chaque ligne puisse contenir un maximum de quatre colonnes, les sites web mobiles ne peuvent afficher qu'un maximum de deux colonnes côte à côte.

Les colonnes ajoutées en mode bureau ou tablette prennent toute la largeur de la page lorsqu'elles sont passées en mode mobile ; pour créer une nouvelle ligne avec deux colonnes en mode mobile, passez d'abord en mode mobile, puis ajoutez un widget avec deux colonnes.

Si vous souhaitez supprimer une colonne, cliquez avec le bouton droit de la souris n'importe où dans la colonne pour ouvrir le menu, puis cliquez sur Supprimer. Ou cliquez sur le X rouge dans le coin supérieur droit de la colonne.

Ligne intérieure

Les lignes intérieures offrent une flexibilité de conception supplémentaire, car vous pouvez re-diviser une colonne. À l'aide de lignes intérieures, vous pouvez varier la disposition des colonnes tout en conservant la conception générale de la ligne (par exemple, arrière-plan, espacement et débordement).

Comme les lignes normales, les lignes intérieures peuvent avoir leur propre arrière-plan et espace. Elles peuvent également être divisées en un maximum de quatre colonnes et leur ordre de colonnes peut être modifié sur mobile. Les colonnes des lignes intérieures peuvent être remplies par n'importe quel widget.

Effectuez l'une des actions suivantes pour ajouter une ligne intérieure à une colonne :

1. Cliquez avec le bouton droit de la souris sur la ligne et cliquez sur Ajouter une ligne intérieure. S'il y a plusieurs colonnes dans la ligne, choisissez à quelle colonne vous souhaitez ajouter les lignes intérieures.

2. Cliquez avec le bouton droit de la souris sur la colonne et cliquez sur Ajouter une ligne intérieure.

3. Cliquez avec le bouton droit de la souris sur la ligne intérieure et cliquez sur Ajouter une ligne pour placer une ligne intérieure sous la ligne actuelle.

Widgets

Les widgets contiennent le texte, les images, les boutons et les autres contenus de votre site. Vous pouvez ajouter un widget en le faisant glisser depuis le menu latéral gauche.

Pour supprimer un widget de votre site, cliquez avec le bouton droit de la souris n'importe où dans le widget pour ouvrir le menu, puis cliquez sur Supprimer. Vous pouvez également cliquer sur le X rouge dans le coin supérieur droit du widget.

Si vous souhaitez placer des widgets côte à côte, vous devez ajouter une colonne supplémentaire à la ligne.