Sitemap Alternar menu

O tema Beaver Builder agora é ainda mais personalizável!

Publicados: 2015-06-24

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

customizer-update
  • Construtor de Castor

O tema Beaver Builder agora é ainda mais personalizável!

A próxima versão do tema Beaver Builder está agora em beta e pronta para você dar uma volta! Esta versão traz 25 novas configurações do Personalizador, 14 novas ações e 2 novos filtros que tornam o tema Beaver Builder ainda mais personalizável do que era antes. Os membros Pro e Agency podem acessar suas contas e baixar uma cópia para testar hoje mesmo.

Visão geral da atualização

Quando criamos o tema Beaver Builder pela primeira vez, nosso objetivo era limitar ao máximo as configurações de design e, ao mesmo tempo, mantê-lo altamente personalizável. Isso significava que precisávamos descobrir coisas para você, como a cor do texto na barra de navegação com base na cor de fundo escolhida. Isso funcionou bem para alguns, mas o feedback que recebemos no ano passado foi que os usuários desejam mais controle sobre seu design por meio do Personalizador.

Esta atualização é a nossa primeira tentativa de expor mais configurações de design, no entanto, ainda estamos comprometidos em manter as coisas o mais simples possível. Tivemos que reprojetar parte da lógica do Personalizador para esta atualização para permitir valores definidos pelo usuário em vez de valores gerados automaticamente. A capacidade de adicionar mais configurações existe agora, então se você não encontrar aqui uma configuração que esperava que fosse incluída, informe-nos e analisaremos isso para uma atualização futura.

Coisas para estar ciente

Como tivemos que reprojetar parte da lógica do Personalizador, há algumas coisas que os usuários existentes precisam estar cientes.

Não estamos mais gerando cores para você, mas se você escolher uma predefinição, os novos valores ainda serão definidos para você.

Agora que temos coisas como a nova configuração Nav Link Color , não iremos mais gerá-la para você. Se você escolher uma predefinição, ainda preencheremos o valor apropriado para você, mas se você alterar a cor de fundo, é possível que agora você precise escolher uma cor adequada para os links de navegação. Isso também vale para outras seções, como barra superior, cabeçalho e rodapé.

Os menus suspensos agora assumem o texto e a cor de fundo da navegação.

Antes desta atualização, os menus suspensos na navegação assumiam o texto e a cor de fundo da área de conteúdo principal. Ao tentar manter as coisas simples (e excluir as opções de estilo dos menus suspensos), podemos ter tomado uma decisão que não fazia muito sentido.

Agora que você tem controle explícito sobre todas as cores de navegação, fazia sentido que os menus suspensos selecionassem isso. Em nossos testes, descobrimos que na maioria dos casos isso é bom e não causa problemas. No entanto, se isso acontecer, informe-nos nos fóruns e veremos o que podemos fazer.

Pode ser necessário ajustar as cores do texto do cabeçalho/rodapé.

Como mencionei acima, não geramos mais cores de texto automaticamente para você. Quando você atualizar, será executada uma lógica que examinará as configurações existentes e preencherá as novas configurações para você. A desvantagem disso é que a lógica antiga costumava usar opacidade ao gerar as cores, mas a nova lógica não usa porque deixamos a cor exata para você. Dessa forma, você poderá notar que seu texto de navegação ficará um pouco mais escuro (ou mais claro) na próxima vez que entrar no Personalizador.

Nada deve mudar quando você atualizar.

Ao atualizar seu tema para esta versão, você não precisa se preocupar com a possibilidade de alterações imediatas entrarem em vigor em seu site. Você notará apenas pequenas alterações que possam ter ocorrido na próxima vez que entrar no Personalizador.

Novas configurações

Aqui está uma lista das 25 novas configurações que adicionamos ao Personalizador para o tema Beaver Builder. Para resumir, adicionamos a capacidade de alterar o texto, o link e as cores de foco para cada seção da página, adicionamos configurações de imagem de fundo a cada seção da página e adicionamos uma configuração para escolher um ícone de hambúrguer para a alternância de navegação móvel em vez do botão de menu .

  • Cor de foco de destaque
  • Imagem de fundo da barra superior
  • Cor do texto da barra superior
  • Cor do link da barra superior
  • Cor de flutuação da barra superior
  • Imagem de fundo do cabeçalho
  • Cor do texto do cabeçalho
  • Cor do link do cabeçalho
  • Cor de foco do cabeçalho
  • Espaçamento entre itens de navegação
  • Alternar navegação móvel
  • Imagem de fundo de navegação
  • Cor do link de navegação
  • Cor de navegação flutuante
  • Imagem de fundo do conteúdo
  • Gradiente de fundo dos widgets de rodapé
  • Imagem de fundo dos widgets de rodapé
  • Cor do texto dos widgets de rodapé
  • Cor do link dos widgets de rodapé
  • Cor de foco dos widgets de rodapé
  • Gradiente de fundo do rodapé
  • Imagem de fundo do rodapé
  • Cor do texto do rodapé
  • Cor do link do rodapé
  • Cor de foco do rodapé

Novas ações

Além das novas configurações, também adicionamos 14 novas ações que permitem inserir código personalizado em muitas partes do tema Beaver Builder que anteriormente você precisava substituir em um tema filho. Por exemplo, digamos que você queira inserir botões personalizados de compartilhamento social abaixo da meta da postagem, após o título da postagem. Agora você pode fazer isso com a ação fl_post_top_meta_close assim…

 function my_post_top_meta_close() { // Enter you social button code here... } add_action( 'fl_post_top_meta_close', 'my_post_top_meta_close' );

Aqui está uma lista das novas ações. Você também pode ler sobre eles em detalhes na página Referência de Ações Temáticas.

  • fl_top_bar_col1_open
  • fl_top_bar_col1_close
  • fl_top_bar_col2_open
  • fl_top_bar_col2_close
  • fl_header_content_open
  • fl_header_content_close
  • fl_footer_col1_open
  • fl_footer_col1_close
  • fl_footer_col2_open
  • fl_footer_col2_close
  • fl_post_top_meta_open
  • fl_post_top_meta_close
  • fl_post_bottom_meta_open
  • fl_post_bottom_meta_close

Novos filtros

Por fim, além das novas ações, adicionamos dois novos filtros úteis sobre os quais você pode ler detalhadamente na página Referência do Filtro de Tema. Para resumir rapidamente, o filtro fl_social_icons permitirá reorganizar a ordem dos ícones sociais ou adicionar os seus próprios, enquanto o filtro fl_nav_toggle_text permitirá alterar o texto (ou ícone) exibido no botão de alternância de navegação móvel.

  • fl_social_icons
  • fl_nav_toggle_text

Quando isso será lançado?

Estamos fazendo uma versão beta para esta versão, pois ela muda algumas coisas que nos sentimos mais confortáveis ​​em deixar as pessoas testarem antes de lançá-lo para o mundo. Se tudo correr conforme o planejado, lançaremos esta versão para atualizações remotas em seu painel na semana de 6 de julho. Enquanto isso, sinta-se à vontade para baixá-lo na área da sua conta, experimentar as novas configurações e nos informar se tiver algum comentário!

O que vem a seguir?

Caso você tenha perdido, a equipe da Favolla fez parceria conosco para desenvolver alguns novos recursos incríveis para o Beaver Builder. Eles já concluíram dois novos módulos (Post Slider e Post Carousel) que esperamos lançar na mesma época do lançamento do tema. Eles também estão trabalhando em um novo módulo que estou muito animado para apresentar a vocês em breve, o módulo Menu!

Assim que a próxima versão do tema for lançada, mergulharemos no tão aguardado desenvolvimento de “Modelos Vinculados”. Também farei outro post sobre roteiro em breve, detalhando muito do que planejamos para os próximos seis meses ou mais. Enquanto isso, deixe-nos saber o que você pensa sobre a última atualização do tema ou se tiver alguma dúvida nos comentários abaixo.

Biografia de Justin Busa

49 comentários

  1. David em 23 de junho de 2015 às 9h31

    Isso é incrível.. Quase pronto para eu deixar 100% todos os outros temas e frameworks. Continue com o excelente trabalho.



    • Justin Busa em 23 de junho de 2015 às 9h38

      Ei David, que bom ouvir isso! Não hesite em nos informar se houver algo que esteja faltando e que você acha que pode ajudar com isso.



  2. rcgama em 23 de junho de 2015 às 9h42

    Top Justin!

    Por ser beta posso utilizar esta nova versão nos sites que estão em produção, online dos meus clientes?

    Outra dúvida, para que eu possa atualizar, devo atualizar o tema ou bb ou bb thema child?

    Você tem alguma estimativa de quando será lançada também a atualização que ambos pediram para salvar blocos de elementos para usar em diferentes páginas do site?



    • Justin Busa em 23 de junho de 2015 às 10h03

      Olá rcgama,

      Ótimas perguntas! Testamos bastante o novo tema, então ele deve estar pronto, mas você pode esperar até que uma atualização esteja disponível em seu painel antes de usá-lo no site de um cliente. Se quiser testá-lo em um site, você precisa atualizar o bb-theme, não o bb-plugin ou o bb-child-theme.

      Começaremos a trabalhar na capacidade de salvar modelos/blocos vinculados no início de julho. Não tenho certeza de quanto tempo isso levará, mas espero que isso seja lançado em mais um ou dois meses.

      Justino



  3. Luís em 23 de junho de 2015 às 17h14

    Isso é incrível, pessoal!

    Alguns dias atrás eu estava pensando que deveria haver mais controle nos links de navegação sem ter que usar CSS Hero.

    Obrigado pelo seu trabalho duro!



    • Justin Busa em 23 de junho de 2015 às 21h31

      Que bom saber, Luís! De nada!



  4. Dave em 23 de junho de 2015 às 18h05

    Obrigado Justin, ótimas notícias – criei rapidamente um novo site de jogos em minha máquina local e analisei as alterações – todas as melhorias fantásticas – muito bem.
    P1: O ícone de hambúrguer para dispositivos móveis será incluído nesta versão?
    P2: Estou surpreso que não haja opção para alterar as configurações de fonte do rodapé (fácil de fazer com algum CSS personalizado que conheço, mas é uma configuração tão óbvia?
    Felicidades, Dave



    • Justin Busa em 23 de junho de 2015 às 21h34

      De nada, Dave! Obrigado por reservar um tempo para testá-lo. Para responder às suas perguntas…

      Q1) Sim. Você não está vendo isso no beta?

      Q2) Em nosso esforço para manter as opções baixas, incluímos apenas as opções de fonte que consideramos necessárias. Por exemplo, pensamos que você provavelmente não terá uma família de fontes diferente para o rodapé e o corpo do texto. No entanto, adoraríamos ouvir o que você pensa. Existem opções de fontes específicas que você gostaria de ver para as diferentes seções da página?

      Obrigado!
      Justino



      • Dave em 25 de junho de 2015 às 12h46

        Obrigado Justin, encontrei o hambúrguer. Muitas entradas novas para descobrir!
        Uma coisa que notei é que ele tem um fundo cinza – estou trabalhando em um site que tem um fundo de textura, então parece um pouco feio – o hambúrguer é criado por uma imagem ou CSS?
        David



        • Justin Busa em 25 de junho de 2015 às 9h36

          Ei Dave, o hambúrguer é um ícone Font Awesome com fundo CSS. Pensando bem, o plano de fundo pode não funcionar nesse caso. Veremos como removê-lo. Obrigado pelo feedback!



          • Dave em 25 de junho de 2015 às 16h41

            Olá Justin, Informando que depois que mudei as cores de fundo para 'falso', o fundo cinza foi corrigido. Isso foi depois dessa discussão com Ben:
            https://www.wpbeaverbuilder.com/support/q/background-for-entire-area-of-the-page/
            Atenciosamente, Dave



  5. Gerry em 24 de junho de 2015 às 12h58

    Fantástico ver onde você está indo com BB Justin! Deixei outras estruturas temáticas para trás desde o primeiro dia de inscrição no BB em 2014, essa decisão fica melhor a cada nova atualização.

    Continue com o excelente trabalho!

    Obrigado,
    Gerry



    • Justin Busa em 24 de junho de 2015 às 9h35

      Obrigado, Gerry! É ótimo ouvir isso



  6. Chris Stott em 24 de junho de 2015 às 3h10

    Tudo isso é excepcional, vocês estão cada vez melhores. Na verdade, você é tão bom que quero manter você em segredo!



    • Justin Busa em 24 de junho de 2015 às 9h30

      Obrigado, Chris!



  7. Carlos em 24 de junho de 2015 às 9h20

    Olá, pessoal!

    Essas adições estão ótimas! Na verdade, ajuda o cliente sem nenhum conhecimento de código. Aí vai minha opinião.

    Sobre o tema:

    Está ótimo. Uma pergunta rápida. Todas essas novas opções podem receber valores com uma pré-configuração personalizada, correto?

    Talvez você possa adicionar mais alguns layouts de cabeçalho para obter mais opções de design. Por exemplo,

    – Um cabeçalho sem logotipo (parece estranho, mas alguns clientes preferem assim)
    – Um cabeçalho sem navegação
    – Um cabeçalho com a navegação no topo (centralizado e/ou alinhado à esquerda).

    Sobre o plug-in

    É ótimo que vocês estejam começando a trabalhar nos “modelos vinculados (que sempre sugerirei chamá-los de “Linhas Globais”). Talvez quando estiver funcionando corretamente (e o módulo de menu estiver desativado), possamos criar cabeçalhos e rodapés dentro do construtor e não com o personalizador. Isso ajudaria muito a ter mais flexibilidade, e assim poderemos reduzir as opções no customizador.

    Isso é tudo por enquanto. Espero que isso ajude!

    Você está fazendo um excelente trabalho com seu produto. Eu amo isso.



    • Carlos em 24 de junho de 2015 às 9h37

      Olá de novo!

      Queria acrescentar que seria ótimo também se a opção “Fundo >> nenhum” para as seções pudesse voltar.

      Isso pode ser útil se quisermos uma imagem de fundo no corpo que permaneça fixa.

      Obrigado!



      • Justin Busa em 24 de junho de 2015 às 9h43

        Na versão mais recente, você pode inserir um valor de cor vazio para remover a cor de fundo. Isso funciona para você?



        • Carlos em 24 de junho de 2015 às 10h00

          Isso foi bastante simples! haha

          Está funcionando.

          Obrigado!



        • Carlos em 24 de junho de 2015 às 13h28

          Olá de novo!

          Ao definir a cor como transparente, a navegação fixa será automaticamente branca. Talvez possa haver uma opção para definir a cor desta navegação.

          Obrigado!



          • Justin Busa em 25 de junho de 2015 às 9h41

            O cabeçalho fixo, na verdade, capta a cor de fundo do corpo quando o cabeçalho é transparente (já que o cabeçalho também capta isso). Isso funciona?



        • Carlos em 24 de junho de 2015 às 13h37

          Seria bom também se pudéssemos adicionar transparência às cores de fundo

          (Desculpe por postar tantos comentários, as ideias me surgem dessa forma)



          • Justin Busa em 25 de junho de 2015 às 9h44

            Você está perguntando sobre a opacidade das diferentes seções? Não se preocupe com todos os comentários! Agradecemos o feedback.



          • Carlos em 25 de junho de 2015 às 9h46

            Sim! Quero dizer opacidade para as diferentes seções.

            Posso ser um bom efeito para o cabeçalho fixo ter alguma opacidade, ou até mesmo para a cor do cabeçalho/conteúdo/rodapé se houver um fundo de imagem.

            O que você acha?



          • Justin Busa em 25 de junho de 2015 às 9h47

            Acho que a opacidade é uma ótima ideia. Eu fiz uma anotação para investigar isso. Obrigado!



    • Justin Busa em 24 de junho de 2015 às 9h42

      Obrigado pelo feedback, Carlos! Você está certo ao dizer que essas novas opções podem receber valores com uma predefinição.

      Adicionar novos layouts de cabeçalho parece uma ótima ideia e que ainda não surgiu. Se desejar, você pode adicionar isso à nossa página UserVoice para que tenhamos um registro… https://wpbeaverbuilder.uservoice.com/

      Quanto aos “modelos vinculados”, acho que provavelmente também os chamaremos de algo como Global Rows.



  8. claudiobrites em 25 de junho de 2015 às 4h11

    Só vim aqui para dizer que adoro o Beaver Builder e que a equipe parece muito prestativa e comprometida
    Estou usando BB e adorando cada pedacinho dele. Como designer com portfólio mal posso esperar por essa nova opção de carrossel



    • Justin Busa em 25 de junho de 2015 às 9h44

      Obrigado pelas amáveis ​​palavras!



  9. Dave em 26 de junho de 2015 às 18h40

    Só estou me perguntando se haverá atualizações progressivas para o beta ou será até o lançamento oficial no dia 6?
    David



    • Justin Busa em 27 de junho de 2015 às 11h48

      Olá Dave,

      Ótima pergunta! Não estávamos necessariamente planejando isso, mas dado o feedback que recebemos, acho que teremos uma atualização do beta antes de ser lançado. Só para esclarecer, não lançaremos no dia 6, estamos filmando ainda nessa semana.

      Justino



    • Justin Busa em 28 de junho de 2015 às 17h04

      Olá Dave,

      Acabei de lançar uma atualização para a versão beta com algumas das correções de bugs que você e outras pessoas mencionaram. Você precisará baixá-lo novamente da sua conta para atualizar e testar, pois a versão beta não funciona com o atualizador.

      Justino



      • Dave em 28 de junho de 2015 às 17h13

        Obrigado Justin, agradeço por isso – testando agora!
        Felicidades, Dave



  10. rcgama em 28 de junho de 2015 às 12h22

    Olá Justin, gostaria de testar essa nova versão em um teste de campo que tenho, mas não sei como atualizar. Se estou usando a versão antiga com a versão do tema e o tema da versão infantil.

    O que devo excluir? A versão temática ou a versão do sujeito filho?

    Você poderia me explicar?

    Obrigado Justino!



    • Justin Busa em 28 de junho de 2015 às 14h53

      Você precisa excluir o tema principal do Beaver Builder, não o tema filho. Depois de excluir o tema principal do Beaver Builder, você poderá fazer upload do novo beta.



  11. Michael Davis em 1º de julho de 2015 às 18h33

    Essas novas ações, fl_header_content_open e fl_header_content_close pontos de acesso para agrupar o cabeçalho em código personalizado? Acabamos de fazer um projeto que daria um módulo personalizado incrível, exceto que nos levou a criar um tema filho e adicionar divs manualmente ao nosso código.

    Também tivemos que fazer um trabalho em javascript para dar conta do cabeçalho secundário, já que o principal em que nosso código estava envolvido era rolar a página para cima.

    Minha esperança é que esses ganchos envolvam qualquer versão do cabeçalho que estiver sendo exibida (primária ou estática). Se for esse o caso… SIM! (Talvez eu tenha que passar o feriado trabalhando para transformar isso em um módulo!)



    • Justin Busa em 2 de julho de 2015 às 9h16

      Olá Miguel,

      Na verdade, esses filtros são para a área de “conteúdo do cabeçalho” que aparece no lado direito do cabeçalho quando o layout Nav Bottom é selecionado.

      No entanto, você pode conseguir o que deseja com as ações fl_before_header e fl_before_content, pois a ação fl_before_content é acionada após o cabeçalho. Deixe-me saber se você tiver alguma dúvida sobre isso.

      Justino



      • Michael Davis em 2 de julho de 2015 às 9h21

        Sim, brinquei mais ontem à noite e percebi isso. O before_content funcionaria para fechar uma div aberta no outro gancho? (Também posso verificar isso quando voltar ao computador.)

        Isso me fez repensar minha abordagem de apenas criar um módulo de botão personalizado para acionar a ação de qualquer lugar onde um botão pudesse ir. Provavelmente melhor para um módulo amplamente utilizado.



        • Justin Busa em 2 de julho de 2015 às 9h27

          Isso está correto! Essa ação é acionada após o cabeçalho para que você possa usá-la para fechar a div aberta em fl_before_header.



  12. jatacid em 3 de julho de 2015 às 8h02

    Olá, a atualização parece ótima. O fato de este ser um tema muito leve é ​​ótimo porque permite que os clientes se envolvam sem quebrar muito e deixa um bom espaço para personalizações serem feitas com código personalizado. Espero que essa filosofia continue!

    Eu tinha uma dúvida – é possível conectar e registrar novas opções de customização com seu tema filho?

    Por exemplo, se eu quiser adicionar minha própria seção que alterou a 'largura da borda do rodapé' ou algo assim - posso fazer isso através de um tema filho?



    • Justin Busa em 6 de julho de 2015 às 10h34

      Obrigado, jatácido! Que bom que você gostou da atualização. Para responder à sua pergunta, você pode adicionar novas opções do Personalizador usando as funções principais do WordPress detalhadas neste artigo do codex… https://codex.wordpress.org/Theme_Customization_API



  13. Gerry em 6 de julho de 2015 às 22h04

    Olá Justino,
    Você pode fornecer uma data em que a nova versão será lançada?

    Obrigado, Gerry



    • Dave em 6 de julho de 2015 às 23h45

      Olá Gerry, Isso é abordado no artigo, mas esperamos que ainda esta semana! – Justin também me corrigiu quando pensei que seria lançado no dia 6 em uma resposta acima.
      Felicidades, Dave



      • Gerry em 7 de julho de 2015 às 2h37

        Olá Dave, Sim, minhas esperanças foram aumentadas para o dia 6, então quanto mais cedo melhor! Estou ansioso por isso

        Gerry



        • Justin Busa em 7 de julho de 2015 às 9h44

          Olá Gerry,

          Minhas desculpas pela confusão! Esperamos que isso seja lançado nos próximos dois dias. Fique atento!

          Justino



  14. Justin Busa em 8 de julho de 2015 às 22h20

    A atualização está no ar! Deixe-nos saber se você tiver alguma dúvida ou tiver algum problema e certifique-se de verificar os logs de alterações para obter mais informações… https://www.wpbeaverbuilder.com/change-logs/



  15. Geoffrey Gordon em 9 de julho de 2015 às 2h42

    Vocês ficam cada vez mais incríveis. Eu amo o tema do construtor de castor. Os novos ajustes certamente ajudarão. Estou muito feliz por ter investido em seu produto e ter valido a pena continuamente.



    • Justin Busa em 9 de julho de 2015 às 9h41

      Obrigado pelas amáveis ​​palavras, Geoffrey!



  16. Chris em 16 de julho de 2015 às 9h42

    Onde posso obter uma cópia da versão beta para explorar?



    • Robby McCullough em 16 de julho de 2015 às 9h54

      Olá, Chris! Obrigado por estar disposto a testar o beta. Na verdade, já lançamos uma atualização do tema com todos esses recursos. Para o futuro, anunciamos a versão beta aqui no blog ou no nosso Twitter.



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