Documentation en français du builder Oxygen

Menu

L’élément Menu affiche les menus créés via Apparence > Menus de votre écran d’administration WordPress et fournit les options de style, de menus déroulants et de ‘responsivité’.

Pour ajoutez un  menu  à votre page, cliquez sur +Add > WordPress puis l’élément Menu.

Options de style pour les menu

De nombreuses options concernant l’apparence des liens et la disposition d’un menu sont disponibles depuis l’onglet Primary.

Menu Layout – Disposition du menu

  • vertical – affiche les liens du menu verticalement. 
    Les menus déroulants s’ouvrent sur le côté du menu.
  • horizontal –  affiche les liens de menu horizontalement. 
    Les menus déroulants s’ouvrent sous le menu.

Menu

Sélectionner le menu WordPress à afficher (préalabement créé dans Apparence > Menus depuis l'écran d’administration WordPress).

Text – Texte

Contrôler les styles de texte pour les liens de menu. La page Typographie de la présente documentation explique ces paramètres plus en détail.

Spacing – Espacement

Contrôlez la marge et le remplissage autour de chaque lien de menu.

Hover & Active – Survol et actif

Créez des styles spéciaux qui ne s’appliquent que lorsque le lien de menu est survolé ou cliqué.

Actif désigne également que la page vers laquelle le lien renvoie est actuellement affichée.

Dropdowns – Sous-menus

Choisissez d’inclure ou non des sous-menus déroulants à votre menu et de contrôler leurs styles en cochant la case Enable Dropdowns.

En cochant Show dropdown arrows, une flèche s'ajoutera aux entrées de menu disposant d'un sous-menu.

Mobile Responsive

Choisissez la largeur d’écran à laquelle le menu se réduit en une icône cliquable.

À partir de la largeur d’écran spécifiée le menu est transformé en une icône qu'il suffit de cliquer pour révéler le contenu du menu :

Exemple de menu standard…
…Exemple de menu ‘hamburger’

Lorsqu'un menu est réduit en une icône, on le désigne communément sous le terme de menu ‘hamburger’.
En effet, l'icône symbolisant ces menus (3 traits verticaux), fait penser à un hamburger…

Icon styles vous permet de personnaliser l'icône ‘hamburger’ (couleurs, taille, etc.).

Menu style vous permet de personnaliser l'apparence du menu ‘hamburger’ déployé (couleur de fond, couleur des liens du menu, etc.)

Dropdowns vous permet d'inclure ou non les sous-menus dans le menu ‘hamburger’ déployé.

Ph. Reskator

Besoin d’un complément d’information ? Retrouvez-nous sur le groupe de soutien
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram