Sitemap Basculer le menu

Le module de menu est maintenant en version bêta !

Publié: 2015-08-04

25 % de réduction sur les produits Beaver Builder ! Dépêchez-vous que la vente se termine... Apprenez-en davantage !

new-menu-module
  • Constructeur de castor

Le module de menu est maintenant en version bêta !

Mise à jour : Le module Menu est désormais disponible à partir de la version 1.6.2.

Aujourd'hui, nous avons officiellement publié les nouveaux modules de publication qui sont en version bêta depuis deux semaines ainsi qu'une version bêta du nouveau module Menu. Si vous ne l'avez pas déjà fait, rendez-vous sur votre compte pour télécharger la dernière version bêta et essayez le module Menu !

Menus personnalisés suralimentés

Comme le widget Menu personnalisé intégré, le module Menu vous permet de sélectionner l'un de vos menus créés sous Apparence > Menus à insérer dans vos mises en page. C'est là que s'arrêtent les similitudes puisque le module Menu vous permet de faire bien plus avec des options de disposition, de style et d'affichage réactif de vos menus.

Plusieurs dispositions de menu

Le module Menu est livré avec quatre options de disposition différentes pour vos menus. Ces options incluent…

  • Horizontal – Une disposition horizontale standard similaire à celle que l'on trouve dans la plupart des thèmes. Cette mise en page prend également en charge les sous-menus déroulants.
  • Vertical – Une disposition verticale prenant en charge les sous-menus qui s’affichent à gauche ou à droite du menu.
  • Accordéon – Une disposition en accordéon verticale qui affiche les sous-menus en ligne lorsque vous cliquez sur l'icône bascule.
  • Étendu – Une disposition similaire au widget Menu personnalisé dans la mesure où les éléments de menu et les éléments de sous-menu de niveau supérieur sont affichés dans un format de style de liste non ordonnée.

Style tout

Le module Menu est également livré avec une poignée d'options de style qui vous permettent de créer un certain nombre de conceptions de menu uniques. Ces options incluent le style d'éléments tels que les couleurs du texte, la taille des polices, les couleurs d'arrière-plan et l'alignement général du menu. Assurez-vous de consulter l'onglet Style dans les paramètres du module Menu pour voir toutes les options disponibles.

Fonctionne très bien sur mobile

En plus de vous permettre de créer un menu personnalisé suralimenté, le module Menu convient également aux écrans de plus petite taille tels que ceux que l'on trouve sur les appareils mobiles. Sous l'onglet général, vous trouverez une option intitulée Style mobile qui vous permet de personnaliser l'apparence de votre menu sur des tailles d'écran plus petites. Ces options incluent…

  • Développé – Le menu ne s'effondrera pas et tous les éléments du menu s'afficheront dans un format de style de liste non ordonné.
  • Icône de hamburger – Le menu se réduira et un bouton bascule d'icône de hamburger sera affiché.
  • Icône de hamburger + étiquette – Le menu se réduira et un bouton bascule d'icône de hamburger sera affiché avec une étiquette de menu.
  • Bouton de menu – Semblable au fonctionnement du thème Beaver Builder, cette option affichera un bouton de menu pleine largeur.

Quand est-ce que cela sera mis en ligne ?

Comme mentionné dans mon article précédent, les périodes bêta dureront environ deux semaines tant que nous ne rencontrons pas de problèmes majeurs. Si tout se passe comme prévu, le module Menu devrait être officiellement publié la semaine du 17 août.

Quelle est la prochaine étape ?

Je suis heureux d'annoncer que les modèles de lignes/modules standards et globaux sont désormais testés par l'équipe en interne ! Si tout se passe bien, nous espérons publier une version bêta privée la semaine prochaine et une version bêta publique la semaine suivante. En plus des modèles de lignes/modules, nous avons également commencé à travailler sur la mise en œuvre d'un nouveau sélecteur de couleurs capable d'enregistrer les préréglages de couleurs, ainsi qu'à rechercher des solutions pour ajouter la prise en charge de Genesis à Beaver Builder.

Faites-nous savoir ce que vous en pensez !

Comme toujours, je vous laisse la parole. N'hésitez pas à nous faire savoir dans les commentaires ci-dessous ce que vous pensez du nouveau module Menu, si vous avez des retours sur la façon dont nous pourrions l'améliorer ou si vous rencontrez des problèmes.

En attendant la prochaine fois, bonne construction !

Biographie de Justin Busa

47 commentaires

  1. Ben le 3 août 2015 à 17h39

    Très cool, vous tous ! Bon travail.

    Je bricole le module de menu au moment où j'écris ceci. Jusqu'ici, tout va bien! Fonctionne comme prévu.

    J'adore votre cycle de sortie.



    • Justin Busa le 4 août 2015 à 8h45

      Merci Ben! Je suis heureux de savoir que vous l'aimez.



  2. Kjetil le 4 août 2015 à 6h16

    Salut
    Beau travail ! De nouvelles fonctionnalités arrivent régulièrement.
    Je devais juste essayer le nouveau module de menu bêta et je devais me demander : doit-il apparaître sous forme de liste ou de menu déroulant ? Pour l'instant, j'obtiens une liste non ordonnée étendue (à plusieurs niveaux) – je suppose que ce n'est pas le but… ?
    De plus, il n'est possible d'en sélectionner qu'un parmi les menus que j'ai créés.
    Je pensais que cela pouvait être dû au thème que j'utilise ici (Bridge – il a été un peu… sensible) mais le passage à TwentyFifteen n'a rien changé (enfin, à part le look… ;o)
    Si cela vous semble étrange et que vous souhaitez vous connecter pour y jeter un œil, dites-le-moi. Et continuez votre bon travail !
    Kj



    • Justin Busa le 4 août 2015 à 8h50

      Bonjour Kjetil,

      Merci d'avoir posté ! Le menu peut apparaître de différentes manières en fonction de la mise en page que vous choisissez. Cependant, il semble qu'il puisse y avoir un problème ici. Pourriez-vous publier sur les forums afin que nous puissions nous connecter et jeter un œil ?

      Justin



      • Kjetil le 4 août 2015 à 9h14

        Ça ira!
        Au fait, voici le menu amusant : http://www.dolcevita.no/demo1/gardasjoen-sykkeltur/
        Kj



        • redsnappertrading le 11 avril 2016 à 3h50

          Salut NEWBIE bb builder, excellent travail, pouvez-vous me dire comment vous avez obtenu l'effet de la page glissant sur le pied de page



  3. Carlos le 4 août 2015 à 6h55

    Bonjour les gars !

    C'est un excellent ajout ! Je joue déjà avec. Je pense avoir trouvé un bug.

    J'ai créé un menu centré. Seuls les éléments de menu affichent un arrière-plan. Ensuite, lorsque je redimensionne la fenêtre pour voir la fonctionnalité mobile et que je la redimensionne, le bug apparaît. Le menu n'est plus centré et l'arrière-plan s'étend sur toute la largeur de la ligne. J'utilise Chrome, et voici le lien : http://miracomoes.com/chia/

    J'espère que cela aide!



    • Justin Busa le 4 août 2015 à 8h52

      Merci, Carlos! C'est certainement un bug. Nous réglerons ce problème avant sa sortie.



  4. zenoform le 4 août 2015 à 12h03

    Comment cela fonctionnera-t-il si nous utilisons Dynamik Website Builder ?



    • Justin Busa le 4 août 2015 à 12h08

      Salut Zenoform,

      Cela devrait très bien fonctionner, mais si vous rencontrez des problèmes, faites-le-nous savoir sur les forums et nous y jetterons un œil.

      Merci,
      Justin



  5. doyens le 4 août 2015 à 22h59

    Salut les gars, excellent ajout au produit.

    Si je crée un menu accordéon avec tous les éléments de niveau 1 ayant un nom court, par exemple : MENU1, MENU2, j'ai alors des éléments de niveau 2 qui ont des noms légèrement plus longs, par exemple ; MENU1.1, MENU1.2 etc., toute la structure de navigation s'élargit lorsque l'élément de niveau 1 est sélectionné. Une option de style pour contrôler la largeur serait une bonne option.

    Merci, doyen



    • Justin Busa le 5 août 2015 à 8h40

      Salut Dean, peux-tu me dire quel style de mise en page tu utilises ?



      • doyens le 5 août 2015 à 23h14

        Salut Justin

        Désolé, terme erroné, la mise en page est en accord

        Voici un lien vers une diapositive avec une capture d'écran de ce à quoi je fais référence.

        https://docs.google.com/presentation/d/1t2wbUEvhf4SAWNk3W5ASLZjuEExXpcWOcRYrykTV56o/edit?usp=sharing

        Merci, doyen



  6. Justin Busa le 6 août 2015 à 9h27

    Merci, Doyen! Je déposerai un rapport de bug et nous réglerons ce problème.



  7. Edward le 7 août 2015 à 00h08

    Un autre bug, je pense - je dois définir le bas sur -5 ou il y a 5 pixels d'espace supplémentaire en bas sous la couleur de survol de l'arrière-plan du lien pour le faire affleurer comme le haut. Ça a l'air bien.

    Si vous travaillez encore dessus, pouvez-vous s'il vous plaît ajouter un moyen de définir la taille de la hauteur du menu afin que nous puissions créer des menus épais comme celui-ci. Vous avez l'espacement des liens mais pas de hauteur/taille de menu, à seulement un paramètre de pouvoir le faire.

    http://destinvacationguide.com/testtwo/

    Et un moyen d'utiliser une police Google si possible.



    • Justin Busa le 7 août 2015 à 8h46

      Merci pour le rapport, Edward! Je n'ai pas pu recréer le problème d'espacement de 5 pixels. C'est peut-être un problème de thème ?

      La question espacement/hauteur est logique. Je vais déposer un rapport à ce sujet. Nous travaillerons également sur un paramètre de polices Google pour le constructeur plus tard cette année, afin que nous puissions ensuite l'implémenter dans le module de menu.



  8. Edward le 7 août 2015 à 00h18

    Comment puis-je me débarrasser de l'ancien menu supérieur, maintenant il n'arrête pas de dire : Choisir le menu ou si j'en choisis un, j'ai deux menus supérieurs affichés ?.
    Merci



    • Justin Busa le 7 août 2015 à 8h50

      Pour ce faire, vous devrez masquer l'en-tête dans le personnalisateur en définissant En-tête > Disposition de l'en-tête sur aucun.



  9. Edward le 7 août 2015 à 00h32

    Ok, encore une question, comment faire de ce nouveau menu le menu par défaut pour toutes les pages en haut, je vois qu'il ne fonctionne que sur la page sur laquelle je l'ai créé ?



    • Justin Busa le 7 août 2015 à 8h52

      Nous proposerons la possibilité de sauvegarder des lignes « globales » dans les prochaines semaines. Une fois cette information publiée, vous pourrez déposer la même ligne dans toutes vos pages et la modifier au même endroit. Malheureusement, il n’existe actuellement aucun autre moyen de procéder.



  10. Kjetil le 7 août 2015 à 7h44

    Salut
    Concernant le sélecteur de menu (dans le module menu) : j'ai mentionné précédemment que le sélecteur ne fonctionnait pas. Eh bien, c'est le cas. J'avais créé deux menus et un seul apparaissait, mais d'une manière ou d'une autre, tout le contenu du deuxième menu avait disparu. Donc : vous ne pouvez pas sélectionner de menus vides, et je suppose que ce n'est pas grave…
    Je voulais juste que tu saches :o)
    Kjetil



    • Justin Busa le 7 août 2015 à 8h53

      Ah, bonne prise ! Nous ajouterons un peu de logique pour les menus vides.



  11. Ignitermr le 8 août 2015 à 10h40

    génial. Pendant que vous travaillez sur le menu, pourriez-vous s'il vous plaît envisager d'ajouter un paramètre pour contrôler le canal alpha afin que les en-têtes de menu puissent être transparents (je ne sais pas si je dis bien, comprenez-vous ce que je veux dire ?). J'adorerais rendre les navigations d'en-tête transparentes. Est-ce en préparation ? Merci.



    • Justin Busa le 10 août 2015 à 9h29

      Merci pour les commentaires ! Cependant, je ne suis pas encore sûr de vous suivre. Demandez-vous que le texte ait un paramètre d'opacité ou l'arrière-plan du menu ?



      • brianplant le 10 août 2015 à 11h19

        L'arrière-plan de navigation du menu, de sorte que l'image soit visible. Comme ça : http://screencast.com/t/2zZJEjPqmMpl



        • Justin Busa le 10 août 2015 à 11h53

          Merci, Brian! Nous examinerons la mise en œuvre de cela.



  12. Natalya Brandt le 11 août 2015 à 15h44

    ce serait bien s'il y avait une option permettant de choisir le niveau du menu à afficher. Par exemple, si je souhaite afficher uniquement les sous-menus (pages de 2ème niveau), aurai-je cette option ?



    • Robby McCullough le 11 août 2015 à 15h58

      Salut Natalia. Merci pour la suggestion. Je ne sais pas si c'est quelque chose que nous inclurions dans le plugin. N'hésitez pas à l'ajouter en tant que demande de fonctionnalité :

      https://wpbeaverbuilder.uservoice.com/forums/270594-general

      Vous pouvez également expérimenter la création de deux menus dans la zone d’administration WordPress. Un pour la navigation de niveau supérieur et un pour le deuxième niveau. Ensuite, vous pouvez utiliser le menu de deuxième niveau sur vos pages. Vous pensez que ça pourrait marcher ?



      • Natalya Brandt le 25 août 2015 à 12h19

        J'utilise Genesis. Je me demande si ce que vous suggérez fonctionnerait avec Genesis Subpages en tant que plugin de menu secondaire. L'idée est de générer dynamiquement le menu secondaire pour afficher les pages enfants.



  13. David le 17 août 2015 à 16h08

    GÉNIAL! je joue avec la version bêta et les modèles de lignes/modules sont exactement ce que je cherchais pour mon projet actuel

    Cordialement!
    David



    • Justin Busa le 17 août 2015 à 17h12

      C'est bon à entendre, David ! Faites-nous savoir si vous avez des commentaires.



  14. m33 le 21 août 2015 à 17h02

    Est-ce que j'ai raté quelque chose ? Je ne vois le module de menu nulle part dans mes téléchargements sous mon compte. J'ai même essayé la dernière version bêta pour les agences et je ne vois pas du tout le module dans le générateur de pages.



    • Justin Busa le 24 août 2015 à 10h39

      Le module Menu est en fait sorti la semaine dernière. Avez-vous déjà mis à jour vers la version 1.6.2 ?



      • m33 le 24 août 2015 à 11h14

        Je suis sur 1.6.3 (bêta) et je ne le vois pas du tout. la sélection va simplement de « cartes » à « messages ». Je suppose que cela aurait été affiché après le module de cartes.



        • Justin Busa le 24 août 2015 à 11h43

          Pouvez-vous poster sur les forums afin que nous puissions nous connecter et y jeter un œil ?



  15. Nick le 25 août 2015 à 20h13

    Salut – Excellent ajout. Cependant, seriez-vous en mesure d'ajouter l'option permettant d'activer le menu burger réactif pour le bureau/tous les écrans ? Une demande de conception courante de nos jours !
    Merci



    • Justin Busa le 26 août 2015 à 8h30

      Merci, Nick! C'est une suggestion intéressante. N'hésitez pas à l'ajouter à notre page UserVoice afin que nous en ayons une trace pour les futures mises à jour… https://wpbeaverbuilder.uservoice.com/forums/270594-general



  16. Bill Rusu le 14 octobre 2015 à 12h55

    Si j'utilise le module de menu pour créer le menu de mon site, existe-t-il un moyen de le faire apparaître sur toutes les pages/articles ? Je peux créer une ligne globale avec le menu et l'ajouter manuellement à chaque page, mais il ne semble pas y avoir de moyen de l'ajouter aux pages de publication/catégorie, etc.



    • Robby McCullough le 14 octobre 2015 à 14h03

      Salut Bill. Pas actuellement. C'est une fonctionnalité que nous aimerions avoir un jour, mais elle est encore en phase d'idée.

      Techniquement, vous pouvez le faire avec une solution de contournement en utilisant un plugin appelé Insert Pages. C'est cependant une technique un peu avancée. Fondamentalement, vous créez une page pour votre menu, puis vous pouvez utiliser le plugin Insert Pages pour inclure le menu/la page dans vos modèles php.

      Envoyez-nous un e-mail depuis notre page de contact si vous le souhaitez. Je suis heureux de développer si vous n'avez pas encore peur.



  17. Richard le 25 novembre 2015 à 5h14

    Pour le menu de style accordéon, je pense qu'il serait bien d'avoir une option permettant de dire d'une manière ou d'une autre, les liens de menu qui ont des enfants :

    1. Afficher la page lorsque vous cliquez dessus
    2. Ne pas afficher la page et développer uniquement le niveau

    De cette façon, nous pourrions créer des accordéons qui ne dépendent pas du fait que l'utilisateur clique exactement sur la croix – ce qui, à mon avis, n'est pas toujours intuitif. Parallèlement à cela, une option permettant de ne pas avoir d'icône de développement.

    Une autre option intéressante serait d'étendre automatiquement le menu accordéon en fonction de la page actuelle.



  18. John le 20 juin 2016 à 12h25

    Salut,
    J'ai travaillé avec le module de menu. Je n'arrive pas à le faire s'étendre sur toute la largeur de ma mise en page. Lorsque je règle l'option Mise en page générale sur Horizontal et l'option Alignement du menu Style sur Centre, le menu se trouve au milieu de la mise en page, mais la largeur de la barre de menus (colorée) ne s'étend que sur l'étendue du texte. Si je règle l'alignement du menu par défaut, la barre de menus s'étendra sur toute la largeur, mais le texte est aligné à gauche. Pouvez-vous aider ?
    Merci, Jean



  19. Barry le 23 septembre 2016 à 11h43

    Le module est génial, mais est-ce que quelqu'un sait pourquoi j'obtiens cela en utilisant le module de menu au lieu du titre de la page ? : #26 (pas de titre)



    • Justin Busa le 23 septembre 2016 à 17h38

      Salut Barry, pourrais-tu tirer un ticket pour que nous puissions y jeter un œil ? Merci!



  20. robhall007 le 1er novembre 2016 à 8h14

    Pour le module de menu… Existe-t-il un moyen pour que le menu déroulant ait une certaine fluidité CSS ? Cela semble juste apparaître. J'aimerais faire glisser vers le bas ou apparaître en fondu. Existe-t-il un moyen d'y parvenir ?



    • Robby McCullough le 1er novembre 2016 à 10h01

      Salut Rob. Cela serait probablement possible avec les transitions CSS. Je commencerais à faire des recherches là-bas. Nous garderons également cela à l’esprit comme fonctionnalité potentielle ! Merci pour le commentaire.



  21. Luc le 6 novembre 2016 à 15h54

    y a-t-il un moyen de changer l'icône du hamburger ? et existe-t-il un moyen de changer l'étiquette de « menu » pour dire quelque chose comme « plus »

    travaillant sur un site qui vend de la nourriture, le mot menu pourrait laisser croire à quelqu'un qu'il peut y trouver un menu de produits alimentaires



    • Robby McCullough le 8 novembre 2016 à 9h27

      Salut Luc ! Vous pouvez remplacer n'importe lequel des modules de base et les modifier à votre guise. Cet article contient plus d'informations à ce sujet :

      http://kb.wpbeaverbuilder.com/article/124-custom-module-developer-guide



Notre newsletter

Notre newsletter est rédigée personnellement et envoyée environ une fois par mois. Ce n’est pas du tout ennuyeux ou spammé.
Nous le promettons.

Rejoignez la newsletter

Essayez Beaver Builder aujourd'hui

Beaver Builder