Aller au contenu principal

Créer un menu accordéon

Comment créer un accordéon ?
 

Un bloc accordéon est une méthode excellente pour fournir à un visiteur une grande quantité d’informations sur une seule page sans afficher l’ensemble du texte, ce qui permet de conserver l’interface utilisateur propre et bien organisé. 

Dans ce tutoriel, nous vous guiderons à travers la création d’un accordéon. Ce dernier pourra s’adapter à toutes les tailles d’écrans, de façon responsive.

Voyons de suite comment créer un accordéon comme celui ci :

Créer un accordéon

  1. Cliquez sur l'icône  


     
  2. Vous pouvez à présent ajouter un titre et un contenu à votre premier onglet de navigation, dans notre exemple nous allons l'appeler "Titre 1".


     
  3. Si vous souhaitez ajouter un onglet supplémentaire, Cliquez à l'intérieur du titre ou du contenu.
    Un menu contextuel apparaîtra, sélectionnez "Insérer une ligne en dessus" si vous souhaitez placer un onglet avant l'onglet "Titre 1" ou sinon sélectionnez "Insérer une ligne en dessous" pour le positionner après.

    Dans notre exemple, nous sélectionnerons "Insérer une ligne en dessous".

     

  4. Un deuxième onglet s'affiche avec le titre et le contenu à compléter.
     

     

  5. Une fois complété, cliquez à l'extérieur du bloc accordéon pour continuer votre édition ou enregistrer votre publication .


Supprimer un onglet
 

  1.  Cliquez à l'intérieur du titre ou du contenu de l'onglet que vous souhaitez supprimer.
     
  2.  Dans le menu contextuel, cliquez sur "supprimer la ligne" pour supprimez l'onglet.