Aller au contenu principal

Création d'un menu par onglets

Comment créer un menu par onglets ?

Un menu par onglets est un type de menu couramment utilisé. Comme son nom l'indique, les différentes rubriques du menu sont représentées sous forme d'onglets.
Comme pour le bloc accordéon, le menu par onglets est une méthode excellente aussi 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ée.

Dans ce tutoriel, nous vous guiderons à travers la création d’un menu avec différents onglets et qui sera responsive pour s’adapter à toutes les tailles d’écrans.

Voyons de suite comment créer un menu de navigation horizontal comme celui ci :
 


La procédure à suivre

  1. Cliquez sur l'icône  
     

     

  2. Une boîte de dialogue s'affiche, vous pouvez à cet instant ajouter un titre à votre menu (étape 1), définir le nombre d'onglets que vous souhaitez afficher, le nombre minimum est de 2 (étape 2), puis validez en cliquant sur l'icône (voir ci-dessous).
     

     

  3. Cliquez sur le titre de l'onglet que vous souhaitez modifier (4), saisissez votre titre (5), puis validez en cliquant sur l'icône .
     

     

  4. Placez le curseur dans la zone de contenu, puis tapez votre texte (6).


     

  5. Répétez les mêmes opérations effectuées précédemments (étape 4, 5 et 6), pour changer le titre des autres onglets ainsi que leurs contenus.
     
  6. Une fois terminé, cliquez sur le bouton "Enregistrer" situé en bas de votre page.

Comment supprimer un onglet de menu ?
 

  1. Cliquez plusieurs fois sur le titre de l'onglet que vous souhaitez supprimer, puis validez en cliquant sur l'icône .