Table des matières
Articles Similaires
Les Le menu de navigation widget vous permet d'utiliser menus que vous avez créés dans WordPress et concevez-les comme vous le souhaitez.
Regardez cette vidéo qui explique les différentes fonctionnalités de ce widget.
Le contenu
La conception
- Menu: Sélectionnez un menu que vous avez précédemment configuré à l'aide de Apparence > Les menus
- La conception: Choisissez une disposition horizontale, verticale ou déroulante
- Pour s'aligner: Establece la alineación del elemento del menú, ya être a la izquierda, al centro, a la derecha o justificada
- Aiguille: Sélectionnez un pointeur, Aucun, Souligné, Double ligne, Encadré, Arrière-plan ou Texte
- Animation: Choisissez l'animation du pointeur, soit Fade, Slide, Grow, Drop, Drop ou None
- Indicateur de sous-menu: Choisissez l'icône qui indique qu'un élément a des éléments de sous-menu, soit Aucun, Classique, Chevron, Angle ou Plus
Menu déroulant mobile
- Point d'arrêt: Sélectionnez à quel moment le menu déroulant mobile est activé, qu'il s'agisse de Mobile, Tablette ou Aucun.
- Pleine largeur: Sélectionnez si le menu déroulant mobile couvre toute la largeur de l'appareil, oui ou non
- Pour s'aligner: Choisissez si les éléments du menu mobile sont affichés à gauche ou au centre, en sélectionnant Apart ou Centre
- Bouton d'activation: Afficher l'icône de hamburger comme bouton bascule ou non
- Basculer l'alignement: Affiche le bouton bascule à gauche, au centre ou à droite de l'écran
Style
Menu principal
Typographie: Définit les options de typographie pour le texte de l'élément de menu.
Les éléments suivants peuvent être configurés indépendamment pour les trois états: Normal, Survol et Actif.
Notez que si une couleur de décalage est définie mais qu'aucune couleur active n'est définie, la couleur active utilisera la couleur de décalage par défaut.
- Couleur du texte: Choisissez la couleur du texte de l'élément de menu
- Couleur du pointeur: Choisissez la couleur des états actifs ou mobiles du pointeur. L'état normal utilise le jeu de couleurs comme couleur d'accentuation dans le paramètre Couleurs par défaut.
- Largeur du pointeur: Définit la largeur du pointeur
- Rembourrage horizontal: Définit le remplissage horizontal autour du texte des éléments de menu
- Rembourrage vertical: Définit le remplissage vertical autour du texte des éléments de menu
- L'espace entre: Définit l'espace entre chaque élément de menu
Menu déroulant
Sur le bureau, cela affectera le sous-menu. Sur mobile, cela affectera l'ensemble du menu.
Les éléments suivants peuvent être configurés indépendamment pour les trois états: Normal, Survol et Actif.
- Couleur du texte: Choisissez la couleur du texte de l'élément de menu
- Couleur de l'arrière plan: Choisissez la couleur d'arrière-plan des éléments de menu
- Typographie: Définit les options de police pour les éléments de menu
- Type de bordure: Sélectionnez un type de bordure dans le menu déroulant, en choisissant Aucun, Solide, Double, Pointillé, Pointillé ou Rainure
- Largeur: Définit la largeur de la bordure
- Couleur: Choisissez la couleur de la bordure
- Rayon du bord: Définit le rayon de la bordure pour contrôler l'arrondi des coins
- Ombre de la boîte: Crée une ombre de boîte autour du menu déroulant
- Rembourrage horizontal: Définit le remplissage horizontal autour du texte des éléments de menu
- Rembourrage vertical: Définit le remplissage vertical autour du texte des éléments de menu
Diviseur
- Type de bordure: Sélectionnez un type d'arête pour le séparateur, en choisissant Aucun, Solide, Double, Pointillé, Pointillé ou Rainure
- Couleur: Si la bordure de division est choisie, choisissez la couleur de la bordure de division
- Largeur de la bordure: Si la bordure de division est choisie, définissez la largeur de la bordure de division
- Distance: Définit la quantité d'espace entre le levier et le menu déroulant
Astuce: allez à Elementor> Paramètres> Avancé et assurez-vous Charger le support de Font Awesome 4 est établi en Oui afin que les indicateurs de sous-menu s'affichent correctement.
Bouton d'activation
Les éléments suivants peuvent être définis indépendamment pour les états normal et flottant.
- Couleur: Choisissez la couleur de l'icône du bouton bascule
- Couleur de l'arrière plan: Choisissez la couleur d'arrière-plan du bouton bascule
- Taille: Définit la taille du bouton bascule
- Largeur de la bordure: Définit la largeur de la bordure autour du bouton bascule
- Rayon du bord: Définit le rayon de la bordure du bouton bascule
Noter: Le bouton bascule fait référence à l'icône du menu hamburger.
Atributos de accesibilidad
Les Widget du menu de navigation a les attributs d'accessibilité suivants:
- tabindex
- aria élargi
- air caché
- role = "navigation"
Avancée
Définissez les options avancées applicables à ce widget
Table des matières
Basculer
