Le Onglets est un excellent moyen d'optimiser l'affichage du contenu sur votre site. Il permet aux personnes qui visitent le site de passer d'un onglet à l'autre en cliquant (plutôt que de faire défiler le texte) pour voir des contenus associés. Les onglets sont un moyen efficace d'afficher des contenus tels que les services, les forfaits ou les membres de l'équipe dans des sections compactes et liées.
Chaque onglet contient une étiquette, un titre, une description, une image et un bouton, et chacun de ces éléments est entièrement personnalisable.
Pour ajouter le :
- Dans le panneau de gauche, cliquez sur Widgets.
- Cliquez sur le Onglets et déposez-le sur votre site.
Pour en savoir plus sur l'ajout de sur votre site, consultez l'article Ajout de widgets.
Pour afficher des pages dynamiques avec un Onglets, consultez l'article Ajouter des listes pour afficher des pages dynamiques.
Éditeur de contenu
Pour accéder à l'éditeur de contenu :
- Effectuez un clic droit sur le , puis sélectionnez Modifier le contenu.
- Pour ajouter un nouvel onglet, cliquez sur Ajouter un onglet.
- Pour modifier l'image (et le texte de remplacement), l'étiquette de l'onglet, le type d'en-tête de l'étiquette, le titre, la description et le bouton, cliquez sur l'onglet.
- Des tags d'en-tête sont disponibles pour rendre votre texte plus identifiable par les moteurs de recherche. Il est recommandé de sélectionner le type d'en-tête d'étiquette H3.
- Le champ de texte de remplacement de l'image se trouve dans la partie inférieure.
- Pour afficher des images dans les onglets, cliquez sur le bouton Afficher l'image.
Éditeur de design
Pour accéder à l'éditeur de design :
- Faites un clic droit sur le et cliquez sur Edit Design (Modifier le design).
- Cliquez sur « Mise en page » pour sélectionner une mise en page différente pour les onglets.
- Cliquez sur Tous les onglets pour personnaliser le style des onglets non sélectionnés, inverser leur orientation et contrôler leur disposition sur appareil mobile.
- Cliquez sur Onglet sélectionné et survol pour personnaliser le style de texte et l'arrière-plan. Cette action n'affecte pas le design de Tous les onglets.
- Cliquez pour modifier le style de description, le style de bouton et le style d'image.
- Vous pouvez avoir autant d'onglets que vous le souhaitez, mais n'oubliez pas que l'espace de chaque étiquette est réduite avec chaque nouvel onglet.
- Il existe 2 options de disposition pour l'affichage mobile : la disposition en onglets ou en accordéon. La disposition des onglets se contrôle en balayant l'écran.
Pour obtenir des informations sur les options de conception qui ne sont pas spécifiques à ce (la disposition, le style et l'espacement, par exemple), voir Conception des widgets.
Affichage mobile
Il existe 2 options de disposition pour l'affichage mobile : la disposition en onglets ou en accordéon. La disposition des onglets se contrôle en balayant l'écran. Cependant, tous les navigateurs mobiles ne prennent pas en charge la fonction de balayage. Dans ce cas, utilisez l'affichage accordéon.
Pour modifier le widget Onglets pour mobile :
- Dans la barre de navigation supérieure, cliquez sur les différents affichages en fonction des appareils pour passer à un affichage mobile (
). Pour plus d'informations, consultez l'article Modifier selon l'appareil.
- Faites un clic droit sur le et cliquez sur Edit Design (Modifier le design).
- Cliquez sur Tous les onglets, puis activez l'option Affichage en accordéon.