Aller au contenu

Flexible Content - Accordéon

Ce composant permet d’afficher une liste de titres avec des descriptions cachées par défaut, affichées au clic sur le titre. Ce composant est idéal pour une liste de questions fréquentes par exemple, et il inclut par défaut le balisage microdata des données structurées de type FAQPage.

Exemple d'accordéon

Qu'est-ce qu'une FAQ ?

En anglais, FAQ signifie Frequently Asked Question, ce qui a été traduit en français par Foire Aux Questions pour respecter l’ordre des initiales.

Pourquoi avoir ajouté les données structurées FAQPage ?

Les moteurs de recherche comme Google respectent le schéma de données structurées et peuvent s’en servir pour afficher des résultats de recherche enrichis. Dans le cas des FAQ, Google peut afficher directement la réponse à la question sur la page de résultats.

Vue back office

composant Accordéon FAQ

Tutoriel

Appel du composant Accordéon hors Flexible Content

PHP
<?= ifc_render_component'accordion', [
  
'accordion' => [ // Tableau d'éléments
    
['summary' => "Question 1"'details' => "Réponse 1"],
    [
'summary' => "Question 2"'details' => "Réponse 2"]
  ],
  
'classes'   => ""// Classes CSS supplémentaires
] ) ?>

Ces composants peuvent vous intéresser