Widgets : Accordion

Catégories de widgets : Basic

Avec le widget Accordion, vos visiteurs trouvent facilement l'information qu'ils cherchent, sans avoir à parcourir des blocs de contenu qui ne les intéressent pas. Ils voient à la place une liste de questions ou de titres et n'ouvrent que les sections qu'ils veulent lire. Vous créez ainsi des FAQ compactes et faciles à lire, vous mettez des produits en avant ou vous présentez vos prochains événements.

Contenu dynamique : ce widget peut aussi afficher des pages dynamiques ainsi que des informations précises issues d'une Collection, grâce à l'Inline Binding.

Pour savoir comment ajouter des widgets, consultez « Add Widgets ».

Éditeur de contenu

Cliquez sur l'élément pour ouvrir le menu flottant, puis sur l'option de l'éditeur de contenu.

Options de configuration de l'Accordion

• Éléments. Cliquez sur un élément pour configurer son contenu, cliquez sur l'icône de duplication pour le dupliquer, ou cliquez sur Ajouter un élément.
• Règles d'affichage.
  • Afficher un élément développé à la fois. Décidez si vos visiteurs peuvent ouvrir un seul élément à la fois ou en voir plusieurs ouverts en même temps.
  • Montrer le premier élément développé. Décidez si le premier élément s'affiche ouvert ou si tous restent fermés.
• SEO.
  • Activer le schéma FAQ. Activez ce bouton pour générer le balisage de schéma FAQ une fois par page. Pour vérifier que votre schéma a bien été généré et en voir un aperçu, utilisez le Rich Results Test.

Réglages et options de chaque élément

• Contenu textuel. Titre ou question et description.

  Remarque : le champ de texte long propose plusieurs options de mise en forme, comme mettre le texte en italique, en gras ou le souligner.

• Bouton. Si vous ne voulez pas de bouton, cliquez sur l'icône de l'œil pour le masquer.

• Médias Medias. Ajoutez le média souhaité. Sélectionnez Cliquez pour ajouter un média pour ouvrir la médiathèque.

• Texte de remplacement. Une fois un média ajouté, un champ de texte alternatif apparaît. Saisissez votre propre texte alternatif. Répétez l'opération pour chaque média de l'Accordéon, ou cliquez sur Tout le texte de remplacement pour voir et gérer le texte alternatif de toutes les images du site.

Pour les widgets Accordion ajoutés à un site avant février 2024

• Éléments. Cliquez sur un élément pour configurer le Titre, la Description et le Type d'en-tête de titre. Les balises d'en-tête aident les moteurs de recherche à mieux repérer votre texte. Pour le Type d'en-tête de titre, nous vous recommandons de choisir H3.
• Icône d'extension. Selon la mise en page que vous choisissez, votre widget Accordion peut comporter une icône de titre. L'icône de titre apparaît à côté du titre d'un élément et peut être différente sur chacun. Par exemple, vous pouvez placer une icône d'horloge à côté de l'heure de votre événement, ou une icône d'argent à côté d'un élément de tarif.
• Montrer le premier élément développé ou Afficher un élément développé à la fois. L'éditeur de contenu vous permet aussi de décider si, à la première ouverture du widget, le contenu de tous les éléments est masqué ou si seul le premier s'affiche. Vous définissez en plus si les visiteurs peuvent ouvrir un seul élément à la fois ou en voir plusieurs ouverts en même temps.
• Activer le schéma FAQ. Activez ce bouton pour générer le balisage de schéma FAQ une fois par page. Pour vérifier que votre schéma a bien été généré et en voir un aperçu, utilisez le Rich Results Test.

Éditeur de design

Cliquez sur l'élément pour ouvrir le menu flottant, puis sur l'option de modification du design.

Voici quelques-unes des sections et des réglages que vous y trouverez :

• Mise en page. Cliquez sur la miniature d'une mise en page pour la sélectionner.
• Titre:
  • Choisissez le type d'en-tête (de h1 à h6) et mettez le texte en forme comme vous le souhaitez.
  • Mettez en forme la barre de titre comme vous le souhaitez (arrière-plan et bordure).
• Icône d'extension. L'icône en elle-même ne peut pas être remplacée, mais vous pouvez personnaliser ses éléments : ajuster sa taille et sa couleur ou modifier son arrière-plan.
• Médias. Si les éléments de l'Accordion contiennent des images, vous les configurez ici.
• Cadre. Cette section réunit plusieurs réglages, dont l'espace entre les éléments.

Pour en savoir plus sur les options de design qui ne sont pas propres à ce widget (par exemple la mise en page, le style ou l'espacement), consultez « Widget Design ».

Remarque :

• Si vous changez la mise en page du widget Accordion, certains de vos réglages peuvent être écrasés (par exemple l'espace entre les éléments). Vérifiez tous les réglages après avoir modifié le widget et recréez ceux qui manquent après le changement de mise en page.
• Assurez-vous que vos réglages de design sont corrects sur chaque appareil. Comme toujours, des réglages comme l'espacement (du widget entier et de chaque élément), la largeur et d'autres se définissent par appareil.