widget: Onglets

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.

Pour plus d'informations sur l'ajout de widget, voir Ajouter widget.

Conseil

Pour plus d'informations sur widget et la widget bibliothèque,widget voir: Library and Overview.

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.

Éditeur de contenu

Pour accéder à l'Éditeur de contenu, cliquez avec le bouton droit de la souris sur le site widget et sélectionnez Modifier le contenu.

  1. Pour ajouter un nouvel onglet, cliquez sur Ajouter un onglet.

  2. 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.

  3. Pour afficher des images sur les onglets, cliquez sur l'option Afficher l'image.

Rédacteur en chef de la conception

Pour accéder à l'éditeur de conception, cliquez avec le bouton droit de la souris sur l'élément, puis cliquez sur Modifier la conception.

  • 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.

    Note

    Le champ de texte long offre diverses options de mise en forme du texte, telles que la mise en italique, en gras ou le soulignement.

Pour obtenir des informations sur les options de design qui ne sont pas spécifiques à ce widget (la mise en page, le style et l'espacement, par exemple), consultez l'article Conception des widgets.

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.

Vue 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 :

  1. 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.

  2. Cliquez avec le bouton droit de la souris sur le widget, puis cliquez sur Modifier la conception.

  3. Cliquez sur Tous les onglets, puis sur l'option Afficher en accordéon.

    24517203113111-tabs_accordion.png