Après avoir
ajouté des onglets à votre page, gérez chaque onglet individuellement et organisez son contenu. Modifiez l'ordre des onglets comme vous le souhaitez et personnalisez la mise en page et le design afin qu'ils correspondent au thème de votre site.
Dans cet article, découvrez comment :
Gérer vos onglets
Gérez les onglets pour paramétrer l'ordre, l'emplacement et le nom des éléments. Vous pouvez également ajouter, dupliquer et supprimer des éléments si nécessaire pour maintenir votre contenu à jour.
Pour gérer les onglets :
- Cliquez sur les onglets dans votre Éditeur.
- Cliquez sur Gérer les onglets.
- Sélectionnez la manière dont vous souhaitez gérer les éléments de l'onglet :
Ajoutez de nouveaux éléments d'onglet pour diviser, organiser et créer votre contenu.
Pour ajouter un nouvel élément d'onglet, cliquez sur Ajouter un nouvel onglet en bas du panneau.
Modifiez le nom de vos onglets pour qu'il corresponde à leur contenu.
Pour renommer un élément d'onglet :
- Survolez l'élément concerné dans le panneau.
- Cliquez sur l'icône Plus d'actions .
- Cliquez sur Renommer.
- Saisissez le nouveau nom dans le champ.
- Cliquez sur Terminer.
Dupliquez un onglet pour copier son design et son contenu. C'est un excellent moyen de créer plusieurs éléments similaires, car les éléments sont reportés.
Pour dupliquer un onglet :
- Sélectionnez l'onglet correspondant dans le panneau.
- Cliquez sur Dupliquer l'onglet en bas du panneau.
Modifier l'ordre des onglets
Réorganisez l'ordre des éléments de votre onglet dans le menu du haut. Vous pouvez choisir de les afficher comme vous le souhaitez, par exemple par ordre alphabétique ou par ordre d'importance.
Pour modifier l'ordre des éléments de l'onglet, cliquez simplement sur les éléments et faites-les glisser dans l'ordre de votre choix.
Définir votre élément par défaut
Définissez l'élément qui s'affiche automatiquement lorsqu'un visiteur ouvre la page qui contient l'onglet.
Pour définir votre élément par défaut :
- Survolez l'élément concerné dans le panneau.
- Cliquez sur l'icône Plus d'actions .
- Cliquez sur Définir par défaut.
Si vous n'avez plus besoin d'un élément d'onglet, vous pouvez le supprimer à tout moment.
Pour supprimer un élément d'onglet :
- Survolez l'élément concerné dans le panneau.
- Cliquez sur l'icône Plus d'actions .
- Cliquez sur Supprimer.
Modifier la mise en page de votre onglet
Ajustez la mise en page de vos onglets pour paramétrer l'espacement, l'alignement, etc. Utilisez les paramètres pour adapter la structure de votre page et créez une mise en page claire pour vos visiteurs.
Pour personnaliser la mise en page :
- Cliquez sur les onglets dans votre Éditeur.
- Cliquez sur l'icône Mise en page .
- Choisissez comment vous souhaitez ajuster la mise en page de votre onglet :
- Menu d'onglets : Choisissez de combien vous voulez que le menu des onglets s'étire :
- Justifié : Le menu déborde de la largeur de la boîte. Vous pouvez ensuite choisir d'aligner les éléments du menu à gauche, au centre ou à droite de la boîte.
- Étiré : Le menu s'adapte à la largeur de la boîte entière. Vous pouvez aligner le contenu du menu à gauche, au centre ou à droite de la boîte.
- Espacement entre les onglets : Augmentez ou diminuez l'espacement entre les éléments des onglets.
- Espacement entre les onglets et la boîte : Agrandissez ou réduisez l'espace entre le menu et les zones de contenu.
- Marge horizontale : Ajustez la marge intérieure à gauche et à droite des éléments de menu.
- Marge verticale : Ajustez la marge intérieure en haut et en bas des éléments.
- Affichage des onglets qui débordent : Sélectionnez le mode d'affichage pour afficher les éléments qui ne rentrent pas dans le menu du haut :
- Défilement : Les visiteurs peuvent faire défiler le menu pour voir tous les éléments.
- Renvoi à la ligne : Une autre ligne est ajoutée pour s'adapter à tous les éléments. Vous pouvez ensuite utiliser le curseur pour agrandir ou réduire l'espacement entre les rangées.
- Afficher les onglets de : Afficher les éléments dans le menu supérieur de gauche à droite, ou de droite à gauche.
Personnaliser le design des onglets
Ajustez l'apparence de l'onglet pour créer un moyen personnel et accrocheur de présenter le contenu. Vous pouvez personnaliser différentes parties de l'élément séparément et choisir des paramètres tels que la couleur, les bordures, etc.
Pour personnaliser le design des onglets :
- Cliquez sur les onglets dans votre Éditeur.
- Cliquez sur l'icône Design .
- Sélectionnez une option sous Que souhaitez-vous personnaliser ? et personnalisez avec les options disponibles :
Personnalisez les couleurs, la mise en page et plus encore de votre menu d'onglets pour lui donner l'apparence que vous souhaitez.
Sélectionnez Menu d'onglets dans le menu déroulant et ajustez-le avec les options suivantes :
- Remplissage d'arrière-plan : Sélectionnez un arrière-plan de menu en fonction de votre page et ajustez son opacité. Vous pouvez ajouter plusieurs calques et les personnaliser séparément pour créer des arrière-plans uniques et accrocheurs.
- Bordures : Ajoutez des bordures à l'arrière-plan du menu pour créer un contraste avec la page de votre site. Sélectionnez un design et une couleur, puis paramétrez la largeur pour qu'elles soient aussi grandes ou aussi petites que vous le souhaitez.
- Angles : Paramétrez l'apparence des angles de votre menu. Vous pouvez ajuster chaque angle différemment et les rendre plus ronds ou plus carrés.
- Ombres : Ajoutez des ombres à l'arrière-plan de votre menu pour un effet 3D original. Vous pouvez paramétrer la taille, l'opacité, l'angle et plus encore pour leur donner plus d'impact.
- Mise en page : Ajustez la marge intérieure autour de votre menu d'onglets pour l'agrandir ou la réduire. Vous pouvez activer ou désactiver l'icône de verrouillage pour ajuster chaque côté séparément, ou les faire correspondre.
Personnalisez les éléments de votre menu d'onglets. Vous pouvez ajuster le design séparément pour chaque état : standard, survol et sélectionné.
- Sélectionnez Onglets dans le menu déroulant.
- Cliquez sur un état.
- Choisissez comment vous souhaitez personnaliser les éléments de l'onglet pour cet état :
- Remplissage d'arrière-plan : Sélectionnez la couleur de l'arrière-plan de l'élément en fonction de votre page et de votre menu, et ajustez son opacité. Vous pouvez ajouter plusieurs calques et les personnaliser séparément pour créer des arrière-plans uniques et accrocheurs.
- Texte : Personnalisez le texte de votre élément avec des paramètres tels que la police, la taille et l'espacement. Vous pouvez également ajouter une mise en forme comme le gras et l'italique, et sélectionner la couleur.
- Bordures : Ajoutez des bordures à vos éléments de menu pour les faire ressortir. Sélectionnez un design et une couleur, puis paramétrez la largeur pour qu'elles soient aussi grandes ou aussi petites que vous le souhaitez.
- Angles : Choisissez l'aspect des angles de vos éléments. Vous pouvez ajuster chaque angle différemment et les rendre plus ronds ou plus carrés.
- Ombres : Ajoutez des ombres à vos éléments pour un effet 3D original. Vous pouvez paramétrer la taille, l'opacité, l'angle et plus encore pour leur donner plus d'impact.
Suggestion : Cliquez sur l'icône Appliquer le design à d'autres états
pour donner aux éléments le même aspect pour chaque état.
Modifiez le design de la boîte conteneur de vos onglets pour qu'elle ressemble exactement à ce que vous voulez. Vous pouvez ajouter des arrière-plans d'image, créer un effet 3D avec des ombres, etc.
Cliquez sur Zone dans le menu déroulant et choisissez comment vous souhaitez la personnaliser :
- Remplissage d'arrière-plan : Sélectionnez un arrière-plan pour votre boîte conteneur et ajustez l'opacité pour la rendre plus ou moins visible. Vous pouvez ajouter plusieurs calques et les personnaliser séparément pour créer des arrière-plans uniques et accrocheurs.
- Bordures : Ajoutez des bordures à la zone pour la faire ressortir sur votre page. Sélectionnez un design et une couleur, puis paramétrez la largeur pour qu'elles soient aussi grandes ou aussi petites que vous le souhaitez.
- Angles : Choisissez l'aspect des angles de votre zone d'onglets. Vous pouvez ajuster chaque angle différemment et les rendre plus ronds ou plus carrés.
- Ombres : Ajoutez des ombres à votre boîte d'onglets pour lui donner un effet 3D original. Vous pouvez paramétrer la taille, l'opacité, l'angle et plus encore pour leur donner plus d'impact.
- Mise en page : Paramétrez la marge intérieure autour du conteneur pour l'agrandir ou le réduire. Vous pouvez activer ou désactiver l'icône de verrouillage pour ajuster chaque côté séparément, ou les faire correspondre.