Le Accordéon aide les visiteurs à trouver facilement les informations qu'ils recherchent. Ajoutez-le à vos sites pour que les visiteurs n'aient pas à faire défiler des blocs de contenu qui ne les intéressent pas. Présentez-leur à la place une liste de questions ou de titres. Ils pourront simplement choisir d'ouvrir ceux sur lesquels ils souhaitent en savoir plus. Créez des FAQ, des sélections de produits phares ou des listes d'événements condensés et faciles à lire.
Pour ajouter un Accordéon :
- Dans le panneau de gauche, cliquez sur Widgets.
- Cliquez sur le Accordéon et faites-le glisser sur votre site.
Pour en savoir plus sur l'ajout de s sur votre site, voir Ajout de widgets.
Pour afficher des pages dynamiques avec un Accordéon, consultez l'article Ajouter des listes pour afficher des pages dynamiques.
Éditeur de contenu
L'ajout du entraîne l'ouverture de l'éditeur de contenu. Dans ce menu, vous pouvez ajouter des champs au ou modifier les champs existants.
- Éléments. Cliquez sur un élément pour configurer son titre, sa description et le type d'en-tête de son titre. 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 de titre H3.
- Montrer le premier élément développé ou Ne montrer qu'un élément développé. L'éditeur de contenu vous permet aussi de choisir si vous préférez masquer le contenu de tous les éléments de l'accordéon ou afficher uniquement le premier élément lorsque les utilisateurs ouvrent le pour la première fois. En outre, vous pouvez choisir d'offrir aux visiteurs la possibilité de développer un seul élément à la fois ou d'afficher plusieurs éléments développés en même temps.
- Icône de titre. Selon la disposition que vous choisissez, votre Accordéon peut avoir une icône de titre. L'icône de titre est l'icône située à côté du titre de l'élément et peut être différente pour tous les éléments. Par exemple, vous pouvez définir l'ajout d'une icône horloge à côté de l'heure de votre événement ou d'un symbole monétaire à côté des tarifs.
- Générer un balisage Schema de FAQ. Activez cette option pour générer une balise Schema de type FAQ une fois par page. Pour vérifier si votre balise Schema a été générée correctement et en voir un aperçu, utilisez le test de résultats enrichis.
L'éditeur de design vous permet de contrôler la disposition et le style du widget accordéon.
Éditeur de conception
Pour accéder à l'éditeur de design :
- Faites un clic droit sur le et cliquez sur Edit Design (Modifier le design).
- Modifier les options de design de l'icône d'extension. L'icône d'extension apparaît sur tous les éléments du et correspond à l'icône sur laquelle vous cliquez pour développer l'élément.
Vous pouvez modifier le titre, la description, l'icône d'extension et le style d'encadrement. Voici les paramètres que vous pouvez modifier :
Police (famille, taille, couleur et format)
Alignement
Orientation du texte
Couleur d'arrière-plan
Bordure
Image. Une seule image peut être attribuée par élément. Pour tous les éléments, l'image apparaît en arrière-plan.
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.
- La modification de la disposition du Accordéon peut entraîner le remplacement de certains des paramètres que vous avez définis (par exemple, l'espacement entre les éléments). Veuillez vérifier tous les paramètres après avoir modifié le et recréer ceux qui manquent après avoir modifié la disposition.
- Lors de la modification des icônes, notez le type d’icône que vous modifiez. L'icône titre est l'icône située à côté du titre de l'élément dans certaines dispositions.
- Veillez à ce que vos paramètres de design correspondent au bon appareil. Les paramètres comme l'espacement (du entier et de chaque élément) et la largeur, entre autres, sont définis pour chaque appareil. Pour plus d'informations, consultez l'article Edit by Device (Modifier selon l'appareil).