Pour créer un accordéon
Pour créer un accordéon, cliquez à nouveau sur le bouton "Créer un nouveau contenu" à l'endroit souhaité dans le backend.
Dans le popup qui s'ouvre, sélectionnez l'élément "Eléments d'accordéon" dans la zone "Conteneur".
Directement après avoir cliqué, l'élément Accordion est visible dans le backend à l'endroit souhaité.
Cliquez sur le bouton avec le crayon pour modifier l'accordéon.
Attribuez un titre si nécessaire et "Enregistrer" et "Fermer" vos modifications.
Vous revenez à l'aperçu du contenu de votre page et voyez l'élément Accordion avec le titre modifié.
Dans notre exemple, nous prenons un élément de contenu existant et le déplaçons directement dans l'accordéon par glisser-déposer. Bien entendu, il est également possible de créer un nouvel élément (ex. : texte et médias) directement dans l'accordéon.
L'élément qui vient d'être déplacé du contenu normal vers l'accordéon.
Voici la vue du backend, après que 2 autres éléments aient été glissés dedans.
Pour obtenir un aperçu, nous pouvons, dans cette vue backend des éléments d'une page, appuyer tout en haut sur le bouton "Afficher la page web".
L'aperçu dans le frontend et notre accordéon généré. Les éléments sont tous fermés et peuvent être ouverts alternativement.
Le 2e élément de l'accordéon est ici déplié.
Si le titre de l'accordéon n'est pas nécessaire, il peut être réglé sur "Caché" dans l'élément accordéon lui-même.
Après avoir "enregistré" et "affiché", dans l'aperçu, l'accordéon est maintenant sans titre. Dans cet exemple, l'accordéon est très proche de l'élément Texte & Média précédent. Cela peut être corrigé.
Pour corriger l'espacement, on peut utiliser l'option "Espacement avant" dans l'onglet "Apparence" de l'accordéon. Il y a là des distances prédéfinies, nous avons choisi ici "Grand". Puis appuyer à nouveau sur "Enregistrer" et "Afficher".
Dans l'aperçu, on voit la distance corrigée de l'accordéon.
Accordéon cas particulier
Dans des situations particulières, vous souhaitez parfois placer plusieurs éléments de contenu à l'intérieur d'un accordéon et à l'intérieur d'un élément d'ouverture de l'accordéon. Dans ce cas, vous utilisez l'élément 1spalter comme "conteneur intermédiaire".
La situation de départ un accordéon avec 2 éléments de contenu dans le backend.
Le même accordéon dans l'aperçu avec 2 éléments à rabattre.
En complément, un autre élément à volet doit être créé au milieu des éléments existants. Pour cela, on sélectionne à nouveau le bouton "Créer un nouveau contenu".
Dans le popup qui s'ouvre, l'élément "1 fendeur" est sélectionné dans la zone "Conteneur".
Après la sélection, un soi-disant gather est apparu dans le backend. En cliquant sur le crayon, j'accède directement à l'édition de l'élément.
Attribuez à nouveau un titre. Celui-ci sert de texte affiché dans l'élément à déplier.
Après "Enregistrer" et "Afficher", vous voyez dans l'aperçu le nouvel élément de volet (ici encore vide).
Ici, deux autres éléments de contenu ont été copiés dans cet élément à 1 colonne (Gather). Ces deux éléments doivent être affichés directement dans l'élément Accodion.
En cliquant sur "Afficher la page web", nous accédons à l'aperçu et avons maintenant 2 éléments de contenu dans un élément d'accordéon. Les titres des deux contenus sont automatiquement masqués.
