widget Catégories : Basic
Le widget 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.
Contenu dynamique
Ce widget peut également afficher des pages dynamiques. Pour plus d'informations, voir Contenu dynamique : Options d'affichage et de navigation pour les notices de collection.
-
Pour ajouter un nouvel onglet, cliquez sur Ajouter un onglet.
-
Pour modifier l'image (et le texte alt), 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 alt pour l'image se trouve au bas de l'écran.
-
-
Pour afficher des images sur les onglets, cliquez sur le bouton Afficher l'image.
-
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 le sens des onglets et contrôler la disposition des onglets sur mobile.
-
Cliquez sur Selected Tab & hover pour personnaliser le style et l'arrière-plan du texte. Cela n'affecte pas la conception de tous les onglets.
-
Cliquez sur pour modifier le style de description, le style de bouton et le style d'image.
Remarque
-
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.
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.
-
Cliquez avec le bouton droit de la souris sur le widget, puis cliquez sur Modifier la conception.
-
Cliquez sur Tous les onglets, puis sur l'option Afficher en accordéon.