Pagina inicial
- 22 de novembro de 2016 Temos o prazer de anunciar o Beaver Builder 1.9, Shasta, criado a partir da linda Shasta Dam em nosso estado natal, a Califórnia. Shasta traz o recurso nº 1 e mais solicitado para o Beaver Builder: colunas em colunas (CinC). Junto com o CinC, estamos introduzindo um editor renovado com arrastar e soltar mais preciso, capacidade de arrastar e reorganizar colunas, configurações responsivas para margens e preenchimentos, novos modelos e muito mais!
Em primeiro lugar, muitas das atualizações desta vez são muito mais fáceis de mostrar do que contar. Justin montou um pequeno screencast destacando muitas das mudanças. Vale a pena assistir.
Se você gosta de vídeos, não deixe de conferir este vídeo de prévia do Shasta de Matt Mederios (você sabe, o cara que faz o Matt Report Podcast). Matt é superinteligente e tem uma longa história no espaço de construção com seu produto, o Conductor. Ele tem uma perspectiva única apoiada por muita experiência.
Se você está se perguntando o que realmente significa “colunas em colunas”, não se preocupe. É um pouco difícil entender sem um exemplo visual.
Sempre foi possível ter, por exemplo, uma imagem em uma coluna e texto em outra, mas observe os quadrados verde-azulados e verdes abaixo da sinopse do texto – esse layout nunca foi possível sem alguns truques de CSS.
Conforme mencionado, o CinC tem sido um dos recursos mais solicitados desde o nosso lançamento. Nós realmente fazemos o nosso melhor para ouvir seus comentários e implementar suas ideias. Demorou muito para implementar o CinC porque não conseguíamos descobrir uma maneira elegante de realizá-lo. Como você pode ver no vídeo, finalmente resolvemos os problemas com uma dinâmica de coluna “pai” e “filho” da qual estamos extremamente orgulhosos.
Outra grande solicitação foi a capacidade de duplicar e arrastar colunas, semelhante ao que é possível com módulos individuais. Temos o prazer de anunciar que colunas arrastáveis também estão chegando.
Para extrair colunas arrastáveis e pai/filho, estamos introduzindo um novo recurso de interface do usuário. No Shasta, você poderá arrastar uma coluna (e, quando disponível, uma coluna pai) diretamente do menu de configurações da coluna.
À esquerda está um menu de colunas padrão e à direita está um menu de colunas secundárias . No exemplo à direita, observe que você pode editar as configurações ou mover tanto o filho quanto o pai clicando e arrastando para a direita no menu.
Esta é uma inovação que nunca vimos antes e, juntamente com algumas melhorias importantes na precisão de arrastar e soltar, proporciona uma experiência de construção muito fluida. Claro, você não deve acreditar apenas na nossa palavra. Experimente. Esperamos que você se sinta como este testador beta…
Depois de trabalhar com @BeaverBuilder 1.9 por um tempo, voltar ao comportamento 1.8 é muito deprimente. Compartilhe no XÉ difícil colocar em palavras o quão boa é a sensação da nova IU. Você terá que tentar e nos informar se concorda.
No Gordon (v1.8), introduzimos vários novos modelos de landing page . No Shasta, estamos dando um pouco de amor aos nossos modelos de páginas de conteúdo. As páginas de destino são, presumivelmente, a primeira página que um visitante vê quando chega ao seu site (pense nas páginas iniciais). As páginas de conteúdo são as páginas internas de um site, como uma página sobre, contato ou preços.
Existem 12 novos modelos de página de conteúdo disponíveis em 1.9, cada um com um design novo e minimalista. Nossa esperança com todos os nossos modelos é que eles sejam um ponto de partida para impulsionar sua criatividade ou um design pronto para uso que só precisa de alguns pequenos ajustes antes de ser lançado.
Desde o primeiro dia, os layouts do Beaver Builder sempre foram responsivos e estamos introduzindo um recurso para facilitar muito a construção para telas menores.
No Shasta, agora você pode ajustar margens, preenchimento e tamanhos de borda dependendo do tamanho do dispositivo. Originalmente, adicionamos 4 caixas de texto extras ao painel de configurações. Embora fosse funcional, não era muito bonito. Em outra epifania da UI, a equipe criou um botão para alternar entre as diferentes visualizações.
Muito do código desse recurso foi enviado por fontes externas. Muito obrigado a Jessie e Oliver pela ajuda! Ficamos sempre entusiasmados em receber solicitações pull para a base de código do Beaver Builder. Se você estiver interessado em contribuir, envie-nos um e-mail.
Por último, mas não menos importante, estamos adicionando a capacidade de gerar um pop-up lightbox a partir de um botão. Há uma nova configuração de ação de clique no módulo de botão que adiciona uma opção lightbox junto com a opção de abrir um URL. Você poderá adicionar um texto personalizado, HTML (incluindo códigos de acesso) ou um vídeo e esse conteúdo será exibido automaticamente em uma caixa de luz quando o botão for clicado. Muito fofo!
Você pode ler mais sobre o recurso lightbox e todos os novos recursos do Shasta em nossa postagem na Base de Conhecimento. Para verificar correções de bugs e pequenas melhorias, confira os Changelogs.
Tudo bem! Eu acho que é isso.
Adoraríamos saber o que você pensa sobre este próximo lançamento e, ou, se tiver algum problema com a versão beta, envie-nos um e-mail ou deixe um comentário abaixo. Esta atualização é uma prova de que estamos ouvindo e levamos seus comentários muito a sério. Por favor, não hesite em nos contar sua opinião. Aproveitar.
em 7 de dezembro de 2016 às 9h16Obrigado, Andréa!
em 22 de novembro de 2016 às 15h35Entendo que esta versão permitirá que um código incorporado do YouTube seja lançado em uma lightbox após clicar em um botão. Recentemente, trabalhei com Gtmetrix.com e eles disseram que lidar com vídeos dessa forma, onde o código incorporado não é carregado até que o usuário interaja com ele, pode melhorar drasticamente a velocidade da página. Você pode confirmar se seu novo recurso de vídeo lightbox faz isso na versão 1.9? Além disso, há planos para que o slide do título do vídeo junto com um botão de reprodução sobreposto seja exibido como uma imagem em vez do botão, para que pareça um vídeo incorporado?
em 7 de dezembro de 2016 às 19h16Olá, Paulo. Essa é uma boa pergunta. A marcação está incluída no carregamento inicial da página, ou seja, não é carregada via ajax. Eu acho que o vídeo só começa a ser armazenado em buffer quando é exibido, mas não tenho 100% de certeza disso.
Não temos planos de implementar o slide de título como você mencionou, mas é uma boa ideia. Vamos manter isso em mente. Todos os nossos módulos padrão podem ser substituídos e personalizados. Se acontecer de você trabalhar em algo assim, avise-nos e talvez possamos usar seu código.
em 23 de novembro de 2016 às 13h43Incrível… adoro as atualizações. Torna as coisas muito mais intuitivas e deve agilizar o fluxo de trabalho de criação, sem precisar clicar tanto.
Também adoro as personalizações para diferentes tamanhos de tela. Não tenho certeza se isso é algo que deve ser tratado pelo construtor e não pela folha de estilo, mas definitivamente dá ao usuário a capacidade de fazer alterações frequentemente necessárias sem ter que pular para o código.
Mas é aqui que vejo esse recurso realmente se tornando útil. Usando-o com colunas e especialmente colunas dentro de colunas!
O principal motivo pelo qual faço um modelo personalizado em vez de usar um construtor de páginas é a forma como as colunas são divididas para cada tamanho de tela. Normalmente você está limitado à maneira integrada que o construtor escolhe para fazer isso, mas nem sempre é a melhor maneira.
Aqui está um exemplo:
Existem vários casos em que eu gostaria de ter 6 colunas no desktop, que se transformam em 3 colunas no tablet e depois em 2 colunas no telefone. Normalmente, saltaria de 6 colunas para 1 coluna, o que obviamente não é ideal em todas as situações.
Normalmente, eu faria esse costume usando bootstrap, porque é a maneira mais fácil que encontrei. Isso também facilita a priorização do que fica no topo à medida que o tamanho da tela cai para uma coluna (como o texto na imagem da esquerda para a direita para duas colunas, mas sempre criando a imagem no topo para uma coluna).
Mas se eu pudesse controlar tudo isso através do construtor, adoraria ainda mais do que já amo. Caramba, faz um tempo que não uso, então talvez já seja possível.
Terei que verificar isso e fazer uma solicitação oficial de recurso. Obrigado!
em 7 de dezembro de 2016 às 19h17Incrível! Obrigado, Dan. Geralmente é uma prática recomendada colocar o máximo possível de estilo em um arquivo CSS, mas para muitas pessoas isso pode não ser prático.
em 23 de novembro de 2016 às 23h47Ótima coisa! Um recurso que eu adoraria ter é uma caixa CSS em um módulo ou coluna para quando eu precisar adicionar rapidamente algo simples, mas não suportado na interface de estilo, como sombra de texto, para quando eu estiver usando um título sobre uma área de fundo e o título não pode ser facilmente distinguido. Eu uso text-shadow e algumas outras coisas para ajudar a fazer um título ou texto aparecer em um fundo de imagem de largura total. Eu sei que você pode adicionar o layout css na parte superior, mas é apenas uma ideia para facilitar o acesso, tendo a capacidade de enviar código CSS rápido a partir da interface pop-up do módulo/coluna.
Saúde
em 7 de dezembro de 2016 às 19h20Olá, Davi. Obrigado pela sugestão. Acho que a melhor aposta seria dar ao elemento uma classe ou um ID e manter o CSS o mais central possível. Não é a prática recomendada, mas criei “classes auxiliares” como .text-shadow em meu arquivo CSS e, em seguida, coloquei a classe em headers/etc. onde eu precisava adicionar sombra. Isso pode funcionar para você?
em 25 de novembro de 2016 às 21h49Instalando agora! Esses recursos são incríveis e mal posso esperar para ver os novos modelos.
Então a lightbox só abre com um botão? Pode ser acionado por um link de imagem? Oh, como isso seria fofo!
em 1º de dezembro de 2016 às 15h21Uau! O Beaver Builder está cada vez melhor! Obrigado a toda a equipe do Beaver Builder por essas melhorias. Estou apenas começando em dois novos sites de clientes e o Beaver Builder está em ambos!
em 7 de dezembro de 2016 às 19h21Obrigado, Pete! Fico feliz em ouvir. Agradecemos o apoio!!
em 7 de dezembro de 2016 às 2h41Parabéns por lançar esta atualização incrível, pessoal! E obrigado por me mencionar no post, estou feliz por poder ajudar um pouco.
Gostaria de perguntar se você tem um ETA para a versão 1.9 Lite do Beaver Builder? Gostaria de atualizar o conteúdo de demonstração dos meus temas usando o novo recurso de espaçamento responsivo.
Obrigado!
em 7 de dezembro de 2016 às 19h19Olá, Oliver. É bom ouvir de você e obrigado de volta, atchya!
Acredito que Justin geralmente lança a atualização do repositório alguns dias/semanas depois de lançarmos as atualizações da versão premium. Você pode querer enviar um ping para ele no Slack para obter uma confirmação, mas espere que ela seja lançada em breve.
em 9 de dezembro de 2016 às 4h47Legal. Obrigado pela resposta, Robby!
em 12 de dezembro de 2016 às 3h58Essa nova versão já foi lançada? Não estou vendo a notificação de atualização nos meus plugins!
em 12 de dezembro de 2016 às 8h54Olá, Davi. Foi lançado para as versões premium, mas não para a versão lite. Isso deve sair muito em breve.
Se você não vir a atualização, há um botão “Verificar novamente” na página de atualizações que você pode tentar. Se tudo mais falhar, você pode fazer uma atualização manual ou enviar-nos um ticket de suporte.
em 13 de dezembro de 2016 às 14h46Robbie,
Parece que estou tendo alguns problemas com a versão lite. Quero deixar minhas linhas com largura total e colocar um plano de fundo nelas. Quando você salva as alterações, elas não têm efeito. Há algo que eu deveria fazer diferente para que isso funcione?
em 13 de dezembro de 2016 às 21h28Olá, Ângela. Deveríamos lançar outra atualização que corrija alguns bugs. Informe-nos se você ainda tiver esse problema após atualizar para 1.9.2
(e desculpe pelo incômodo)
em 14 de dezembro de 2016 às 16h07Esta é uma atualização maravilhosa e obrigado pela menção!
Mal posso esperar para começar a usar isso na produção. Existem tantos casos de uso que se tornaram muito mais fáceis. Se pudéssemos obter colunas globais, eu poderia substituir completamente as barras laterais e os widgets e fazer tudo no front-end.
Eu também adoro as opções de interface responsivas que você adicionou. Isso é muito mais fácil de usar do que os primeiros controles que enviei (e, francamente, é muito mais legal). Estou realmente impressionado!
Continuo muito feliz por termos escolhido esta estrutura para construir nossos sites.
em 18 de dezembro de 2016 às 11h37Olá, Jessie! Obrigado novamente pela ajuda.
Gosto da ideia de colunas globais/barra lateral! Definitivamente manteremos isso em mente. Temos algumas coisas legais cozinhando para 2017 também…
em 22 de dezembro de 2016 às 4h46Isso é ótimo, muito obrigado!
Ops: O primeiro link do texto (Abrir um Lightbox a partir de um botão) fornece uma página não encontrada.
em 22 de dezembro de 2016 às 10h31Ah! Obrigado pelo aviso! Tudo consertado agora.
em 28 de dezembro de 2016 às 12h13Isso é tão legal!!!!
em 28 de dezembro de 2016 às 20h51Obrigado a toda a equipe do Beaver Builder por essas melhorias.
em 20 de janeiro de 2017 às 14h20O novo recurso de colunas dentro de colunas é fantástico. Você adicionará a capacidade de duplicar uma coluna pai e todo o seu conteúdo em breve (ou salvá-los como um módulo)? Isso realmente tornaria esse recurso ainda mais útil. Obrigado!
em 23 de janeiro de 2017 às 15h23Obrigada, Annjanette! Não temos nada planejado, mas teremos isso em mente para uma atualização futura. Eu sei que é uma solução alternativa, mas você pode duplicar e salvar linhas. Pode ser mais rápido duplicar uma linha e remover as colunas extras em vez de tentar duplicar módulos. Espero que ajude.
em 22 de setembro de 2017 às 3h31Adicione mais modelos personalizados para páginas de conteúdo e postagens. Todo o resto é incrível.
Nosso boletim informativo é escrito pessoalmente e enviado uma vez por mês. Não é nem um pouco chato ou spam.
Nós prometemos.
Uau, uau! Estou muito feliz em ver a versão beta – um passo mais perto de colocá-la nos sites dos clientes. Adorei tanto os novos recursos responsivos e de coluna na versão alfa que os instalei em alguns sites pessoais ativos. Ótimo trabalho, como sempre, pessoal!