MENU

 

TUTORIEL
BLOC « ACCORDÉON »

 

Cliquez sur le bouton « + »

Dans l'onglet «Mise en page», cliquez sur le bouton bleu avec un « + » pour créer un nouveau bloc. 

Choisir le type de bloc

  • Lorsque vous cliquez sur le bouton plus, une fenêtre apparaît avec les différents types de blocs. Dans ce tutoriel, nous utiliserons le bloc « Accordéon »
  • Cliquez sur le bouton « Accordéon » pour créer le bloc 

Ajouter un premier onglet à l'accordéon

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

Entrer les informations de votre onglet

  • Entrez les informatons par rapport à l'en-tête de votre onglet (son titre, alignement, couleurs, marges, etc.)
  • Choisissez 2 options de couleur pour le contenu qui apparaîtront lorsqu'on cliquera sur le titre de cet onglet
  • Prenez note que les marges sont pour le titre ET pour le contenu

Entrer le contenu caché de l'onglet

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

Enregistrer votre onglet

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

Positionnez votre bloc dans la  page

Vous pouvez redimentionner et déplacer votre bloc dans votre page comme vous le désirez. Il est temps de vérifier si les marges sont bien alignées avec le reste du contenu.

 

Ajouter un 2e onglet à votre accordéon

Pour ajouter un 2e onglet avec les mêmes options que le premier, il suffit de cliquer sur le bouton « Ajouter ». 

Répéter autant de fois que vous le désirer!

N'hésitez pas à ajouter plusieurs onglets à votre accordéon. Les accordéons sont utiles lorsque le flux d'information est trop important et que celui-ci alourdit le contenu de la page. Vous pouvez déplacer les onglets avec la grosse flèche bleue à gauche du champ « Entête ».  

Vérifier le résultat en ligne

Peu importe le type de contenu (images, texte, vidéos, etc.), il est important de vérifier votre travail directement sur le site Web afin d'éviter les mauvaises surprises. 

RETOUR AUX TUTORIELS