Alternar menu

O módulo de menu agora está em versão beta!

Publicados: 2015-08-04

25% de desconto em produtos Beaver Builder! Apresse-se, a promoção termina... Saiba mais!

new-menu-module
  • Construtor de Castor

O módulo de menu agora está em versão beta!

Atualização: O módulo Menu agora está disponível a partir da versão 1.6.2.

Hoje lançamos oficialmente os novos módulos de postagem que estão em beta nas últimas duas semanas, bem como uma versão beta do novo módulo Menu. Se ainda não o fez, acesse sua conta para baixar a versão beta mais recente e experimente o módulo Menu!

Menus personalizados turbinados

Assim como o widget Menu Personalizado integrado, o módulo Menu permite que você selecione um dos menus que foi criado em Aparência > Menus para inserir em seus layouts. É aí que as semelhanças param, pois o módulo Menu permite que você faça muito mais com opções de layout, estilo e exibição responsiva de seus menus.

Vários layouts de menu

O módulo Menu vem com quatro opções de layout diferentes para seus menus. Essas opções incluem…

  • Horizontal – Um layout horizontal padrão semelhante ao encontrado na maioria dos temas. Este layout também oferece suporte a submenus suspensos.
  • Vertical – Um layout vertical que oferece suporte a submenus que ficam à esquerda ou à direita do menu.
  • Acordeão – Um layout de acordeão vertical que exibe submenus embutidos quando o ícone de alternância é clicado.
  • Expandido – Um layout semelhante ao widget Menu Personalizado, em que os itens de menu e submenu de nível superior são exibidos em um formato de estilo de lista não ordenado.

Estilize tudo

O módulo Menu também vem com várias opções de estilo que permitem criar vários designs de menu exclusivos e diferentes. Essas opções incluem estilos para cores de texto, tamanhos de fonte, cores de fundo e alinhamento geral do menu. Certifique-se de verificar a guia Estilo nas configurações do módulo Menu para ver todas as opções disponíveis.

Funciona muito bem em dispositivos móveis

Além de permitir que você crie um menu personalizado aprimorado, o módulo Menu também fica ótimo em telas menores, como as encontradas em dispositivos móveis. Na guia geral, você encontrará uma opção intitulada Mobile Style, que permite personalizar a aparência do seu menu em telas menores. Essas opções incluem…

  • Expandido – O menu não será recolhido e todos os itens do menu serão exibidos em um formato de lista não ordenada.
  • Ícone de hambúrguer – O menu será recolhido e um botão de alternância do ícone de hambúrguer será mostrado.
  • Ícone de hambúrguer + rótulo – O menu será recolhido e um botão de alternância do ícone de hambúrguer será mostrado junto com um rótulo de menu.
  • Botão de menu – semelhante ao funcionamento do tema Beaver Builder, esta opção exibirá um botão de menu de largura total.

Quando isso vai ao ar?

Como mencionei no meu post anterior, os períodos beta durarão aproximadamente duas semanas, desde que não tenhamos grandes problemas. Se tudo correr conforme o planejado, o módulo Menu deverá ser lançado oficialmente na semana do dia 17 de agosto.

O que vem a seguir?

Tenho o prazer de anunciar que os modelos de linha/módulo padrão e globais agora estão sendo testados internamente pela equipe! Se tudo correr bem, esperamos lançar um beta privado na próxima semana e um beta público na semana seguinte. Além dos modelos de linha/módulo, também começamos a trabalhar na implementação de um novo seletor de cores que tem a capacidade de salvar predefinições de cores, bem como procurar soluções para adicionar suporte Genesis ao Beaver Builder.

Deixe-nos saber o que você pensa!

Como sempre, deixo a palavra para vocês. Não hesite em nos informar nos comentários abaixo o que você pensa sobre o novo módulo Menu, se tiver algum comentário sobre como podemos melhorá-lo ou se tiver algum problema.

Até a próxima, feliz construção!

Biografia de Justin Busa

47 comentários

  1. Ben em 3 de agosto de 2015 às 17h39

    Muito legal pessoal! Bom trabalho.

    Mexer no módulo de menu enquanto escrevo isto. Até agora tudo bem! Funciona conforme o esperado.

    Amando seu ciclo de lançamento.



    • Justin Busa em 4 de agosto de 2015 às 8h45

      Obrigado, Ben! Fico feliz em saber que você gostou.



  2. Kjetil em 4 de agosto de 2015 às 6h16

    Oi
    Bom trabalho! Novos recursos surgindo constantemente.
    Só tive que experimentar o novo módulo de menu beta e perguntar: ele deveria aparecer como uma lista ou como um menu suspenso? Por enquanto recebo uma lista não ordenada expandida (multinível) – acho que esse não é o objetivo…?
    Além disso, só é possível selecionar um dos menus que criei.
    Achei que isso poderia ser causado pelo tema que uso aqui (Bridge – tem sido um pouco… sensível), mas mudar para TwentyFifteen não mudou nada (bem, além da aparência…;o)
    Se isso parece estranho e você gostaria de fazer login para dar uma olhada, por favor me diga. E continue com seu bom trabalho!
    Kj



    • Justin Busa em 4 de agosto de 2015 às 8h50

      Olá Kjetil,

      Obrigado por postar! O menu pode aparecer de várias maneiras diferentes com base no layout escolhido. No entanto, parece que pode haver um problema aqui. Você se importaria de postar nos fóruns para que possamos fazer login e dar uma olhada?

      Justino



      • Kjetil em 4 de agosto de 2015 às 9h14

        Vai fazer!
        A propósito, aqui está o menu engraçado: http://www.dolcevita.no/demo1/gardasjoen-sykkeltur/
        Kj



        • negociação redsnapper em 11 de abril de 2016 às 3h50

          Olá, NEWBIE bb builder, ótimo trabalho, você pode me dizer como conseguiu o efeito da página deslizando para baixo no rodapé



  3. Carlos em 4 de agosto de 2015 às 6h55

    Olá, pessoal!

    Esta é uma ótima adição! Já estou brincando com isso. Acho que encontrei um bug.

    Eu criei um menu centralizado. Apenas os itens do menu mostram um plano de fundo. Então, quando redimensiono a janela para ver a funcionalidade móvel e a redimensiono novamente, o bug aparece. O menu não está mais no centro e o fundo ocupa toda a largura da linha. Estou usando o Chrome e aqui está o link: http://miracomoes.com/chia/

    Espero que isso ajude!



    • Justin Busa em 4 de agosto de 2015 às 8h52

      Obrigado, Carlos! Isso certamente é um bug. Vamos consertar isso antes que isso seja lançado.



  4. zenoforma em 4 de agosto de 2015 às 12h03

    Como isso funcionará se estivermos usando o Dynamik Website Builder?



    • Justin Busa em 4 de agosto de 2015 às 12h08

      Olá Zenoforma,

      Deve funcionar bem, mas se você tiver algum problema, informe-nos nos fóruns e daremos uma olhada.

      Obrigado,
      Justino



  5. reitores em 4 de agosto de 2015 às 22h59

    Olá pessoal, ótimo complemento ao produto.

    Se eu criar um menu concertina com todos os itens do nível 1 com nomes curtos, por exemplo: MENU1, MENU2, então teremos itens do nível 2 com nomes um pouco mais longos, por exemplo; MENU1.1, MENU1.2 etc. toda a estrutura de navegação se amplia quando o item nível1 é selecionado. Uma opção de estilo para controle de largura seria uma boa opção.

    Obrigado, Dean



    • Justin Busa em 5 de agosto de 2015 às 8h40

      Ei Dean, você pode me dizer qual estilo de layout você está usando?



      • reitores em 5 de agosto de 2015 às 23h14

        Olá Justin

        Desculpe, termo errado, o layout está de acordo

        Aqui está um link para um slide com uma captura de tela do que estou me referindo.

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

        Obrigado, Dean



  6. Justin Busa em 6 de agosto de 2015 às 9h27

    Obrigado, Dean! Vou registrar um relatório de bug e consertaremos isso.



  7. Edward em 7 de agosto de 2015 às 12h08

    Outro bug, eu acho – preciso definir a parte inferior para -5 ou ele tem 5 pixels de espaço extra na parte inferior, sob a cor de fundo do link, para deixá-lo nivelado como a parte superior. Parece bom.

    Se você ainda estiver trabalhando nisso, adicione uma forma de definir o tamanho da altura do menu para que possamos fazer menus grossos como este. Você tem Link Spacing, mas não tem altura/tamanho de menu, apenas uma configuração de poder fazer isso.

    http://destinvacationguide.com/testtwo/

    E uma maneira de usar uma fonte do Google, se possível.



    • Justin Busa em 7 de agosto de 2015 às 8h46

      Obrigado pelo relatório, Eduardo! Não consegui recriar o problema de espaçamento de 5px. Talvez seja uma questão temática?

      A questão do espaçamento/altura faz sentido. Vou registrar um relatório sobre isso. Também trabalharemos em uma configuração de fontes do Google para o construtor ainda este ano, para que possamos implementá-la no módulo de menu.



  8. Edward em 7 de agosto de 2015 às 12h18

    Como me livrar do antigo menu superior agora ele continua dizendo – Escolha Menu ou se eu escolher um, terei dois menus superiores aparecendo?
    Obrigado



    • Justin Busa em 7 de agosto de 2015 às 8h50

      Para fazer isso, você precisará ocultar o cabeçalho no Personalizador definindo Cabeçalho > Layout do cabeçalho como nenhum.



  9. Edward em 7 de agosto de 2015 às 12h32

    Ok, mais uma pergunta, alguma maneira de tornar este novo menu o menu padrão para todas as páginas superiores, vejo que só funciona na página em que o criei?



    • Justin Busa em 7 de agosto de 2015 às 8h52

      Estaremos liberando a capacidade de salvar linhas “globais” nas próximas semanas. Depois disso, você poderá inserir a mesma linha em todas as suas páginas e editá-la em um só lugar. Infelizmente, não há outra maneira de fazer isso atualmente.



  10. Kjetil em 7 de agosto de 2015 às 7h44

    Oi
    Em relação ao seletor de menu (no módulo de menu): mencionei anteriormente que o seletor não funcionou. Bem, é verdade. Eu tinha feito dois menus e apenas um apareceu, mas de alguma forma todo o conteúdo do segundo menu desapareceu. Então: você não pode selecionar menus vazios, e acho que está tudo bem…
    Só queria que você soubesse :o)
    Kjetil



    • Justin Busa em 7 de agosto de 2015 às 8h53

      Ah, boa captura! Adicionaremos alguma lógica para menus vazios.



  11. Ignitermr em 8 de agosto de 2015 às 10h40

    incrível. Enquanto você trabalha no menu, considere adicionar uma configuração para controlar o canal alfa para que os títulos do menu possam ser transparentes (não tenho certeza se estou dizendo isso certo, você entendeu?). Eu adoraria tornar a navegação do cabeçalho transparente. Isso está em andamento? Obrigado.



    • Justin Busa em 10 de agosto de 2015 às 9h29

      Obrigado pelo feedback! Embora ainda não tenha certeza se te sigo. Você está pedindo que o texto tenha uma configuração de opacidade ou plano de fundo do menu?



      • Brianplant em 10 de agosto de 2015 às 11h19

        O plano de fundo de navegação do menu, para que a imagem seja exibida. Assim: http://screencast.com/t/2zZJEjPqmMpl



        • Justin Busa em 10 de agosto de 2015 às 11h53

          Obrigado, Brian! Veremos como implementar isso.



  12. Natalya Brandt em 11 de agosto de 2015 às 15h44

    seria bom se houvesse uma opção para escolher qual nível do menu mostrar. Por exemplo, se eu quiser mostrar apenas submenus (páginas de 2º nível), terei essa opção?



    • Robby McCullough em 11 de agosto de 2015 às 15h58

      Olá Natália. Obrigado pela sugestão. Não tenho certeza se isso é algo que incluiríamos no plugin. Sinta-se à vontade para adicioná-lo como uma solicitação de recurso:

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

      Além disso, você pode experimentar a criação de dois menus na área de administração do WordPress. Um para a navegação de nível superior e outro para o segundo nível. Então, você poderia usar o menu de segundo nível em suas páginas. Acha que isso pode funcionar?



      • Natalya Brandt em 25 de agosto de 2015 às 12h19

        Eu uso o Gênesis. Gostaria de saber se o que você está sugerindo funcionaria com Genesis Subpages como plugin de menu secundário. A ideia é gerar o menu secundário de forma dinâmica para mostrar as páginas filhas.



  13. David em 17 de agosto de 2015 às 16h08

    INCRÍVEL! estou brincando com o beta e os modelos de linha/módulo são exatamente o que eu estava procurando no meu projeto atual

    Atenciosamente!
    Davi



    • Justin Busa em 17 de agosto de 2015 às 17h12

      Que bom ouvir isso, David! Deixe-nos saber se você tiver algum comentário.



  14. m33 em 21 de agosto de 2015 às 17h02

    Estou faltando alguma coisa? Não vejo o módulo de menu em nenhum lugar dos downloads da minha conta. Até experimentei a versão beta mais recente para agências e não vejo o módulo no construtor de páginas.



    • Justin Busa em 24 de agosto de 2015 às 10h39

      O módulo Menu foi lançado na semana passada. Você já atualizou para 1.6.2?



      • m33 em 24 de agosto de 2015 às 11h14

        Estou no 1.6.3 (beta) e não vejo nada. a seleção vai apenas de “mapas” para “postagens”. Presumo que teria sido mostrado após o módulo de mapas.



        • Justin Busa em 24 de agosto de 2015 às 11h43

          Você pode postar nos fóruns para que possamos fazer login e dar uma olhada?



  15. Nick em 25 de agosto de 2015 às 20h13

    Olá – Ótima adição. No entanto, você seria capaz de adicionar a opção de ativar o menu de hambúrguer responsivo para desktop/todas as telas? Um pedido de design comum hoje em dia!
    Obrigado



    • Justin Busa em 26 de agosto de 2015 às 8h30

      Obrigado, Nick! Essa é uma sugestão interessante. Sinta-se à vontade para adicioná-lo à nossa página UserVoice para que tenhamos um registro para atualizações futuras… https://wpbeaverbuilder.uservoice.com/forums/270594-general



  16. Bill Rusu em 14 de outubro de 2015 às 12h55

    Se eu usar o módulo de menu para criar o menu do meu site, existe uma maneira de fazer com que ele apareça em todas as páginas/postagens? Posso criar uma linha global com o menu e adicioná-la manualmente a cada página, mas não parece haver uma maneira de adicioná-la às páginas de postagem/categoria, etc.



    • Robby McCullough em 14 de outubro de 2015 às 14h03

      Olá Bill. Atualmente não. Esse é um recurso que adoraríamos ter algum dia, mas ainda está em fase de ideia.

      Tecnicamente, você pode fazer isso com uma solução alternativa usando um plugin chamado Insert Pages. É uma técnica um pouco avançada, no entanto. Basicamente, você cria uma página para o seu menu, então você pode usar o plugin Insert Pages para incluir o menu/página em seus modelos php.

      Envie-nos um e-mail da nossa página de contato, se desejar. Fico feliz em explicar se você ainda não está assustado.



  17. Richard em 25 de novembro de 2015 às 5h14

    Para o menu no estilo acordeão, acho que seria bom ter a opção de dizer, de alguma forma, links de menu que tenham filhos:

    1. Mostrar página quando clicada
    2. Não mostre a página e apenas expanda o nível

    Desta forma poderíamos criar acordeões que não dependem de o usuário clicar exatamente na cruz – o que na minha opinião nem sempre é intuitivo. Junto com isso, há uma opção de não ter ícone de expansão.

    Outra boa opção seria expandir automaticamente o menu acordeão com base na página atual.



  18. João em 20 de junho de 2016 às 12h25

    Oi,
    Tenho trabalhado com o módulo de menu. Não consigo fazer com que ele abranja toda a largura do meu layout. Quando defino a opção General-Layout como Horizontal e a opção Style-Menu Alignment como Center, o menu fica no meio do layout, mas a largura da barra de menu (colorida) abrange apenas a extensão do texto. Se eu definir o alinhamento do menu como padrão, a barra de menu se estenderá por toda a largura, mas o texto será alinhado à esquerda. Você pode ajudar?
    Obrigado, João



  19. Barry em 23 de setembro de 2016 às 11h43

    O módulo é ótimo, mas alguém sabe por que consigo isso usando o módulo de menu em vez do título da página? : #26 (sem título)



    • Justin Busa em 23 de setembro de 2016 às 17h38

      Olá Barry, você poderia inserir um ingresso para que possamos dar uma olhada? Obrigado!



  20. robhall007 em 1º de novembro de 2016 às 8h14

    Para o Módulo de Menu… Existe alguma maneira de fazer com que o menu suspenso tenha alguma fluidez CSS suave? Apenas parece aparecer. Eu gostaria de deslizar para baixo ou aparecer gradualmente. Existe uma maneira de conseguir isso?



    • Robby McCullough em 1º de novembro de 2016 às 10h01

      Olá, Rob. Isso provavelmente seria possível com transições CSS. Eu começaria a fazer algumas pesquisas lá. Teremos isso em mente também como um recurso potencial! Obrigado pelo comentário.



  21. Lucas em 6 de novembro de 2016 às 15h54

    existe uma maneira de mudar o ícone do hambúrguer? e existe uma maneira de alterar o rótulo de “menu” para dizer algo como “mais”

    trabalhando em um site que vende comida, a palavra cardápio pode levar alguém a acreditar que ali pode encontrar um cardápio de alimentos



    • Robby McCullough em 8 de novembro de 2016 às 9h27

      Olá, Lucas! Você pode substituir qualquer um dos módulos principais e ajustá-los ao seu gosto. Este artigo tem mais informações sobre isso:

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



Nosso boletim informativo

Nosso boletim informativo é escrito pessoalmente e enviado uma vez por mês. Não é nem um pouco chato ou spam.
Nós prometemos.

Junte-se ao boletim informativo

Experimente o Beaver Builder hoje

Beaver Builder