Créer un bloc «Accordéon».

Ce tutoriel vous montrera comment faire pour cacher du contenu dans un accordéon.

Cliquez sur le bouton « + »

Dans l'onglet «Mise en page», il y a un gros bouton bleu avec un +. Cliquez sur ce bouton pour créer un nouveau bloc. 

Tutoriel - Accordéon

Ensuite, il faut choisir le type de bloc.

Lorsque vous cliquez sur le bouton plus, une fenêtre apparaît avec un choix de type de bloc. Cliquez sur le bouton «Accordéon» pour créer le bloc.  

Tutoriel - Accordéon

Ajoutons notre premier onglet à notre accordéon.

Il faut tout simplement cliquer sur le bouton «Ajouter».  

Tutoriel - Accordéon

Entrez les informations de votre onglet.

Pour commencer, vous allez entrer les informaitons par rapport à l'entête de votre onglet (son titre, alignement, couleurs, marges, etc.)

Vous allez également choisir 2 options de couleur pour le contenu, qui va apparaître lorsqu'on va cliquer sur le titre de cet onglet.

Prenez note que les marges sont pour le titre ET pour le contenu.

Tutoriel - Accordéon

Entrez maintenant le contenu caché de l'onglet.

Cliquez sur le bouton «Afficher le contenu» pour accéder au contenu caché de votre onglet. Vous pouvez y ajouter du texte, photos, vidéos, exactement comme dans un bloc de contenu normal. 

Tutoriel - Accordéon

Enregistrez votre onglet.

Une fois le contenu entré, il est temps de sauvegarder votre travail. Cliquez sur le bouton «Envoyer» dansle bas de la page.

Tutoriel - Accordéon

Positionnez votre bloc dans la mise en page.

Vous pouvez redimentionner et déplacer votre bloc dans votre mise en page comme vous le désirez. C'est le temps de vérifier si les marges sont bien enlignées avec le reste de votre mise en page.

Tutoriel - Accordéon

Ajouter un 2e onglet à votre accordéon.

Pour ajouter un 2e onglet, il suffit de cliquer sur le bouton «Ajouter». Cela va créer un autre onglet, avec toutes les mêmes option que le premier. 

Tutoriel - Accordéon

Répeter autant de fois que vous voulez!

Un bloc accordéon sert à mettre beaucoup de contenu dans un petit espace. N'hésitez pas à mettre beaucoup d'onglet à votre accordéon. Vous pouvez déplacer les onglet avec la grosse flèche bleu à gauche du champs «Entête».  

Tutoriel - Accordéon

Vérifiez le résultat sur le site en ligne.

Lorsqu'on ajoute du contenu, peu importe le type de contenu (images, texte, vidéos, etc.), il est important d'aller vérifier le résultat final sur le site. 

Tutoriel - Accordéon