Dans Website Builder de one.com, les composants blocs sont très polyvalents et constituent les fondations de votre site internet. Ils peuvent être utilisés comme arrière-plan, éléments de design ou pour regrouper plusieurs éléments ensemble. Si vous prêtez attention aux composants utilisés dans le modèle que vous avez sélectionné, vous remarquerez qu'il est constitué de nombreux composants blocs.
Quel type de bloc utiliser ?
Il existe quatre types de blocs :
Composant bande
Le composant bande s'affiche systématiquement sur toute la largeur de votre site. Il convient parfaitement à une utilisation en tant que bannière ou arrière-plan.
Composant zone
Le composant zone est le plus utilisé pour grouper plusieurs composants, ce qui vous permet de déplacer l'ensemble de ces composants comme un seul et même élément. Cette action de groupage des éléments au sein d'une même zone vous garantit qu'ils seront affichés ensemble dans une vue mobile. Vous pouvez également utiliser la zone en arrière-plan.
Composant cercle
Le composant cercle fonctionne de la même façon qu'un composant zone. L'unique différence réside dans le fait que les coins de ce composant ont été arrondis afin de donner à la zone une forme plus circulaire. En d'autres termes, si vous souhaitez utiliser des zones arrondies, cela est tout à fait possible !
Composant Hoverbox
Hoverbox vous permet de créer des éléments interactifs sur votre site. Cela signifie que lorsque vos visiteurs maintiennent le curseur sur la zone, un effet de forme entre en jeu en fonction de la façon dont vous avez agencé les composants entre eux.
Voici comment les utiliser : Lorsque vous faites glisser une hoverbox sur votre espace de travail, deux onglets apparaîtront en haut de la zone : par défaut et survol. Le premier correspond à ce qui sera affiché lorsque vos visiteurs arrivent sur la page et découvrent la zone. Le second correspond à ce qui sera affiché lorsqu'ils maintiennent le curseur sur la zone.
Vous pouvez ajouter différents éléments à ces deux « fenêtres » en fonction de ce que vous souhaitez afficher au visiteur. Ajouter des images, des zones de texte, des boutons et bien plus pour créer un effet unique. Finissez le tout en ajoutant l'effet de survol désiré en cliquant sur l'onglet Modifier hoverbox puis en sélectionnant effet de survol dans le menu déroulant qui apparaît.
Astuce : Si vous souhaitez avoir un aperçu de votre Hoverbox, vous pouvez aller dans le mode Aperçu et maintenir votre curseur au niveau de la zone. Veuillez noter que l'effet de survol n'est disponible que sur les ordinateurs, car il nécessite une souris, et qu'il n'est pas pris en charge par les appareils mobiles.
Articles associés: