Les éléments de conteneur sont des éléments de site Web qui permettent d’ajouter facilement des sections supplémentaires à une page. Vous pouvez également les utiliser lors de la refonte de votre site Web, car leur apparence moderne et attrayante permet de donner un nouveau souffle à votre site lorsqu’ils sont associés à une image d’arrière-plan et un texte approprié.
Le sous-menu « Éléments de conteneur » est accessible à partir de l’onglet « Créer », dans le menu de gauche. Chaque élément disponible dispose de son propre exemple de contenu, qui peut être remplacé selon vos besoins. Ces éléments permettent également de placer le contenu additionel disponible dans le menu « Créer ».
Pour ajouter un élément de conteneur à votre page, survolez simplement le préréglage souhaité, puis cliquez sur le rectangle en pointillé et faites glisser l’élément à l’emplacement souhaité. Comme pour les autres types d’éléments, des lignes bleues apparaissent sur la page pour indiquer où l’élément peut être placé. L’icône et le nom de chaque élément donne un aperçu basique du type de contenu d’exemple que propose l’élément.
Lorsque vous placez l’élément, la page s’actualise et le menu spécifique à l’élément s’ouvre sur la droite. Ce menu est universel pour tous les élémens de conteneur et c’est là que l’arrière-plan et le comporement de l’arrière-plan peuvent être ajustés.
Remarque : Chaque élément de conteneur contient un extrait de code HTML nécessaire au bon fonctionnement de l’élément. Nous vous recommandons de ne pas le modifier ni le supprimer, à moins d’être sûr de vous.
En haut, vous trouverez les options pour changer, modifier ou supprimer l’image d’arrière-plan actuelle.
En dessous, vous pouvez ajuster sa position en cliquant sur les carrés gris de la grille. Le carré orange représente sa position actuelle.
L’option Défilement vous permet de choisir entre « Faire défiler » (par défaut) et « Fixe ». « Faire défiler » est sélectionné par défaut et l’image défilera avec la page. « Fixe » permet de garder l’image à la même position et de créer un effet de parallaxe. La page défilera, mais pas l’image.
La Couleur d’arrière plan peut également être ajustée, mais elle ne sera pas visible si une image d’arrière plan est configurée.
La liste déroulante Type de conteneur détermine la largeur de l’arrière-plan du conteneur. L’option « Fluide » permet à l’image de s’étendre sur toute la largeur de la page, alors que l’option « Ajusté » recadrera les côtés de l’image en conséquence.