O Divi 3.0 o construtor de páginas visuais

tão rapidamente rápido e fácil de usar,

você pensará que é mágica

Divi 3.0 está aqui e deixe-me dizer-lhe … é incrível! A velocidade é incrível, a interface é linda e a experiência é pura magia. O novo construtor visual leva tudo o que você vai amar no Divi e o torna infinitamente melhor através de uma nova interface visual que permite que você crie páginas no front-end do seu site. Adicione conteúdo, personalize o design, digite diretamente na página e veja tudo acontecer instantaneamente antes de seus olhos. Isso me faz sorrir sempre que eu uso isso, e não posso esperar para você tentar também.

teste
Conheça nossos Planos

visual

Construa tudo visualmente

O Divi 3.0 apresenta uma interface visual completamente nova que mudará para sempre a forma como você constrói sites. Este editor de front-end permite que você faça alterações no seu site … no seu site real! Clique em um parágrafo e comece a digitar. Destaque alguns textos e ajuste os tipos de letra e os estilos. Arraste um elemento e assista-o para mover-se. Adicione novos itens de qualquer um dos módulos de conteúdo do Divi 40+, ajuste as configurações do módulo, salve e carregue itens da biblioteca e veja tudo acontecer instantaneamente. Nenhuma página é atualizada, pouca ou nenhuma barra de carregamento do ajax e absolutamente nenhuma necessidade de “visualizar” suas mudanças, porque tudo está acontecendo em tempo real em sua página.

Editor visual

O novo construtor visual do Divi permite que você crie e edite suas páginas no front-end do seu site. Quando você carrega o construtor, você vê sua página exatamente como faria se estivesse navegando no seu site normalmente. Com o construtor ativado, no entanto, tudo na página se torna editável! Você pode clicar em qualquer elemento e ajustar seu conteúdo, tamanho, espaçamento, cor, posicionamento e muito mais. Você pode adicionar, duplicar e excluir conteúdo, arrastar conteúdo de uma área para outra e carregar itens de sua biblioteca instantaneamente. Todos os módulos e configurações Divi que você conhece ainda estão disponíveis, aprimorados e simplificados através da nova interface visual.

Coisas que são tediosas e frustrantes em construtores backend baseados em blocos, como localizar conteúdo em uma grade de seções e linhas, visualizar mudanças e entender como certas configurações funcionam agora são coisas do passado. Construir com a interface visual é infinitamente mais intuitivo, e depois de usá-lo pela primeira vez, você vai se perguntar de verdade como você já viveu sem isso! Mesmo para os usuários atuais do Divi, esta atualização é uma troca de jogo completa.

OBSERVE AS MUDANÇAS INSTANTANEAMENTE

Quando você faz uma mudança no novo construtor visual, sua página é atualizada instantaneamente. O texto na página parece tangível à medida que você desliza os controles do tamanho da fonte e observa suas palavras expandir e contratar com cada gesto. A página se sente viva enquanto você explora o seletor de cores e observa cada transformação brilhante. É divertido, fácil e um pouco mágico. Ao contrário de outros editores de front-end que você pode ter usado, o novo construtor visual da Divi é incrivelmente rápido, o que torna o processo de design mais divertido.

Atualizações pequenas

ADICIONAR NOVO CONTEÚDO NA VOLTA

Adicionar conteúdo à sua página não pode ser mais fácil. Se quiser adicionar algo novo, simplesmente passe o mouse sobre a área desejada e clique no botão “+” e você será saudado por uma lista de 40+ elementos de conteúdo do Divi. Não é necessário arrasar desajeitadamente itens de uma doca central porque a informação de conteúdo do Divi está sempre lá quando você precisar. Além disso, é pesquisável, o que facilita a busca do seu elemento de conteúdo desejado ou item de biblioteca salva. Eu mencionei que é super rápido? Quando você adiciona novos elementos de conteúdo, eles estão apenas  .

Add-content-small-compressor

Divi tem um módulo de conteúdo para cada ocasião e cada um pode ser completamente personalizado para obter o resultado desejado. Basta adicionar, misturar e combinar conteúdo e assistir a sua nova página ganhar vida. Sem codificação; Sem uma infinidade de plugins desarticulados; Basta clicar e construir. Não importa o tipo de site que você está criando, a Divi possui as ferramentas necessárias para tornar sua visão realidade.

Construtor-módulo_01Imagem
Construtor-módulo_03Galeria
Construtor-módulo_05Vídeo
Construtor-módulo_07Slider de vídeo
Construtor-módulo_13Blurb
Builder-module_14Tabs
Construtor-módulo_15Slider
Construtor-módulo_16Testemunho
Construtor-módulo_21Call To Action
Construtor-módulo_22Áudio
Construtor-módulo_23Se inscrever
Construtor-módulo_24Entrar
Construtor-módulo_29Carteira filtrada
Construtor-módulo_30Bar Counters
Construtor-módulo_31Contador de círculos
Builder-module_32Contador de números
Construtor-módulo_37Alternancia
Construtor-módulo_38Formulário de Contato
Construtor-módulo_39Barra Lateral
Construtor-módulo_40Divisor
Construtor-módulo_45Texto
Construtor-módulo_46Tabela de preços
Construtor-módulo_47Carteira
Construtor-módulo_48Acordeão
Construtor-módulo_53Pessoa
Construtor-módulo_54Blog
Construtor-módulo_55fazer compras
Construtor-módulo_56Contagem regressiva
Construtor-módulo_61Mapa
Construtor-módulo_62Seguimento Social
Construtor-módulo_63Título do cargo
Construtor-módulo_64Código

ARRASTAR, SOLTAR, DUPLICAR E EXCLUIR

Claro que nenhum construtor de sites seria completo sem arrasto e soltar, e o Divi 3.0 não é exceção. Arrastar e soltar elementos no criador visual da Divi é particularmente intuitivo porque você está trabalhando com seu conteúdo real em vez de com blocos ambíguos e grades. Ao editar páginas longas, o novo recurso “zoom out” da Divi oferece uma visão geral do seu design e permite que você arraste longas distâncias de um grande conteúdo sem ter que rolar. Você também pode renunciar a arrastar e soltar completamente e optar por usar e copiar a funcionalidade do Divi em vez disso.

Drag-small-compressor

ANCHURAS E ALTURAS DE ARRASTAR

Uma das coisas que buscamos no Divi 3.0 foi permitir interações significativas que aproveitam plenamente a natureza visual do construtor. Larguras e alturas de arrastar são exemplos perfeitos disso. É algo que não faz sentido no construtor backend, mas algo completamente natural e totalmente incrível no criador visual. Quando você coloca seu cursor sobre qualquer um dos quatro lados de uma linha ou seção, você pode arrastar para aumentar ou diminuir o preenchimento, aumentando ou diminuindo a largura e a altura do elemento. Você pode ver as mudanças acontecerem instantaneamente enquanto movem o mouse!

Alturas-compressor pequeno

Trabalhar com espaço em branco pode ser um desafio, e pode ser francamente frustrante em um construtor backend. É uma das coisas que você precisa ver e sentir para entender, e trabalhar com apenas números e blocos simplesmente não é a melhor maneira de tomar decisões de design tão importantes. Na primeira vez em que você inicia o criador visual e arraste o alto da seção, você vai sentir sua boca aberta para um sorriso junto com ele! É só assim. Droga. legal.

EDIÇÃO FÁCIL E RESPONSIVA

O novo construtor visual vem com controles de projeto responsivos que você pode usar para exibir sua página em pontos de interrupção de smartphone, tableta e desktop. Você pode alternar essas visualizações diferentes enquanto você edita sua página e o construtor visual permanece totalmente funcional em todos os três modos. Além disso, o Divi permite que você especifique valores de configurações diferentes para cada ponto de interrupção diferente e o Divi Builder alternará automaticamente entre cada ponto de interrupção enquanto você os edita! Nunca foi tão fácil construir um site lindamente receptivo.

Responsivo-pequeno

INSTANT UNDO, REDO & REVISION RESTORE

O novo construtor visual possui um sistema de desfazer e refazer muito completo, completo com um registro de histórico totalmente restaurável. É uma das minhas características favoritas do Divi 3.0, não só porque é incrivelmente útil, mas porque talvez seja o exemplo mais brilhante da velocidade e do poder do novo construtor. Você nunca corre o risco de cometer um erro porque nada é perdido. Você pode desfazer suas ações mais recentes, ou abrir o registro do histórico e viajar para frente e para trás ao longo do tempo e assistir a sua página se transformar instantaneamente. É mesmo uma ótima maneira de comparar as mudanças de design e decidir qual a variação que você mais gosta. Basta virar sua história como um caderno de desenhos animados e expandir suas idéias favoritas!

Desfazer-compressor pequeno

invisível

A “Interface Invisível”
que não entrará no seu caminho

O novo Divi Builder dá-lhe todo o poder com nada da desordem. Queríamos construir uma experiência de design moderno que incorporasse os valores mais centrais de nossa equipe: a elegância . É em nosso nome, está em nossos produtos, mas nunca construímos algo tão puro e maravilhoso.

Interface personalizável

Quando você abriu o construtor pela primeira vez, você nem sabe se está lá. Sua tela não é seqüestrada por barras laterais flutuantes ou cabeçalhos fixos. Seu conteúdo não está afixado em inúmeros botões ou obstruído por grades e sobreposições irritantes. O que você vê é o seu site, mas essa não é a história completa. Quando você clica em um parágrafo, você pode começar a digitar. Quando você destaca um bloco de texto, você pode aplicar tipos de letra e estilos personalizados. Quando você arrastar algo, ele se move. Ao pairar sobre qualquer um dos elementos básicos do Divi, suas configurações podem ser abertas e ajustadas. Tudo o que você precisa para adicionar conteúdo, editar conteúdo e criar um site incrível está bem na sua ponta dos dedos, mas nunca entra no seu caminho. Esta é a experiência de construção de sites mais agradável que já usei, e sei que você vai se apaixonar por sua beleza, sua sutileza e seu poder.

PERSONALIZE SUA INTERFACE

Este é o primeiro construtor de páginas do WordPress a ter uma interface customizável que não encaixa em certas convenções de UI de polarização. Você pode optar por exibir os controles do seu módulo dentro de um pop-up, ou você pode optar por que eles apareçam em uma barra lateral. Você pode ajustar o tamanho e a posição do popup, ou usar os botões para expansão e contrato. Se você arrastar o popup para cada lado da página, ele encaixará automaticamente na posição da barra lateral e ajustará seu conteúdo de acordo! Você pode alterar a largura da barra lateral para acomodar o tamanho da tela ou arrastá-la para o lado alternativo da página para satisfazer suas preferências pessoais.

Interface-compressor pequeno

na linha

Uma nova e linda
experiência de edição em linha

Um dos novos recursos mais emocionantes do construtor é a capacidade de adicionar, editar e formatar texto diretamente na página sem precisar abrir o painel de configurações de um módulo. Ele salva uma tonelada de tempo e é infinitamente mais agradável.

Inline-editor-header

Ao editar conteúdo de texto no novo construtor visual da Divi, não é necessário abrir um painel de configurações para adicionar ou editar texto. Se você quiser adicionar algum conteúdo à sua página, basta clicar e começar a digitar! Você pode compor posts inteiros usando uma única coluna e um módulo de texto e a experiência é rápida e maravilhosa. Compor em sua página é muito melhor do que trabalhar dentro de uma interface de backend desordenada. Não há distrações e não há nenhum mistério sobre como seu conteúdo irá renderizar uma vez que foi salvo.

Criamos nossa própria interface de edição personalizada em linha para o Divi 3.0, e é realmente uma alegria para usar. É simples e eficaz, despojado de ferramentas supérfluas e consolidado em uma única dica de ferramenta que é fácil de navegar.

FONTES E ESTILOS PERSONALIZADOS

Escrever texto com o editor em linha é fácil. Você pode aplicar estilos padrão a qualquer seleção, como negrito, itálico e sublinhado. Você pode adicionar cabeçalhos H1-H5, criar links, criar listas e ajustar o alinhamento de texto como você pode no editor de texto normal do WordPress. Além disso, você pode aplicar fontes personalizadas, cores e tamanhos de texto. Através desta combinação de opções de estilização, você pode facilmente levar a sua tipografia para o próximo nível.

Tipo pequeno

moderno

Um Construtor Moderno Para Uma Nova Era

A nova interface do construtor visual no Divi 3.0 foi reconstruída desde o início usando o React, uma biblioteca javascript moderna para interfaces de usuário. Embora ainda seja baseado na estrutura Divi Builder modular em que trabalhamos nos últimos 3 anos, a nova interface é completamente independente. Isso nos permitiu abordar o construtor de forma totalmente nova e moderna, o que deveria dar confiança à comunidade Divi na longevidade do tema e na dedicação de nossa equipe à evolução contínua da Divi.

reagir

No ano passado, Matt Mullenweg, co-fundador da WordPress e CEO da WordPress.com, falou sobre o futuro do WordPress e a importância do JavaScript. Mais tarde naquele ano, a equipe do WordPress.com lançou o Calypso, uma interface moderna do WordPress construída usando o React and Flux. Isso permitiu que eles passassem anos de legado e criassem uma nova e moderna interface do WordPress. Nós decidimos seguir a liderança e fazer o mesmo com Divi. O construtor visual no Divi 3.0 é um aplicativo completamente novo, criado desde o início usando o React and Flux, e essa nova tecnologia nos permitiu fazer algumas coisas realmente surpreendentes. Estamos investidos no futuro da web, estamos dedicados ao futuro do Divi e Divi 3.0 é a nossa maneira de provar a nós mesmos e à nossa comunidade que o construtor continuará a evoluir e a mudar para melhor. Hoje, nós mostramos o futuro do Divi. É um grande salto em frente e estamos apenas começando.

INCRIVELMENTE RÁPIDO

O novo Divi Builder é rápido. Muito depressa. Na verdade, provavelmente é um dos construtores de sites mais rápidos que você já usou. Quando você adiciona ou altera conteúdo, a página é atualizada instantaneamente. Há pouco ou nenhum “carregamento” tradicional porque o edifício ocorre no seu navegador e não no seu servidor. Diga adeus às atualizações de página e ajax carregando barras e desfrute de feedback instantâneo para cada ajuste que você faz. Se você foi dissuadido da edição de front-end no passado por construtores visuais lentos e fracos, o Divi 3.0 está aqui para mudar sua perspectiva de uma vez por todas. Este é o futuro do WYSIWYG.

SEM CONDIÇÕES

Os usuários atuais do Divi não precisam se preocupar em clicar no botão de atualização. Apesar de ter redirecionado completamente o construtor, o resultado final na sua página permanecerá inalterado. Todos os módulos e configurações funcionam exatamente como eles fizeram no passado e você pode até mesmo saltar para trás e para frente entre os construtores de backend e front-end em seu lazer. O Divi 3.0 oferece compatibilidade completa para trás.

Divi_extra

Disponível para extra também!
Plugin Divi Builder em breve

O Divi não é o único de nossos produtos que tira proveito do framework Divi Builder. Se você estiver usando o nosso tema Extra, ou se você estiver usando nosso plug-in do Divi Builder para habilitar o Divi Builder em temas de terceiros, você ficará ansioso para saber que o novo construtor visual está a caminho muito em breve. Na verdade, está disponível para Extra hoje!

OS USUÁRIOS EXTRA & DIVI BUILDER REGOZIJAM-SE!

Embora hoje celebremos o lançamento do Divi 3.0, os usuários do nosso tema Divi não são os únicos que devem estar entusiasmados. O framework Divi Builder habilita não apenas o Divi, mas também o nosso tema Extra e o Plugin Divi Builder . Ambos os produtos serão atualizados para incluir a versão mais recente do framework Divi Builder e os usuários desses produtos poderão aproveitar ao máximo o novo criador visual. Você também não terá que esperar muito. Extra 2.0 já está pronto e foi lançado hoje junto com o novo construtor visual. A versão 2.0 do plugin Divi Builder, incluindo o construtor visual, estará disponível muito em breve. Estamos falando de dias de distância, ?Não meses Estamos adicionando um atraso artificial ao lançamento do novo plug-in do Divi Builder para permitir testes adicionais com vários temas de terceiros. Ao contrário dos temas Divi e Extra, onde o Divi Builder vive em um ambiente controlado, o Plugin Divi Builder precisa de uma atenção extra. Não se preocupe, quando estiver pronto, vai funcionar como um encanto!

Também vale a pena mencionar que o construtor visual é compatível com versões anteriores e completamente intercambiável com o construtor backend atual. As páginas criadas usando versões novas e anteriores do Divi, Extra e do Divi Builder Plugin funcionarão perfeitamente ao alternar entre cada produto, então não há necessidade de se preocupar com a atualização para o Divi 3.0 hoje!

Try-icon

Leve-o para uma unidade de teste grátis

Estamos tão entusiasmados em mostrar-lhe o Divi 3.0, que criamos uma demo gratuita com a qual você pode jogar antes de comprá-lo! Vá em frente e dê uma olhada e descubra por que pensamos que o novo construtor visual vai mudar o jogo para os web designers da WordPress.

TENTE ANTES DE COMPRAR

Se você quiser ver o que é o Divi 3.0, então nós o convidamos a levar nosso novo construtor visual para uma unidade de teste gratuita. Clique no link abaixo e divirta-se! Construir sites com o construtor visual é uma experiência maravilhosa e sabemos que você vai adorar.

teste
EXPERIMENTE A DEMONSTRAÇÃO DO DIVI 3.0 GRATUITAMENTE AGORA MESMO!

Sale-icon

Obtenha 10% de desconto na conta
e novos membros!

Para celebrar o lançamento do Divi 3.0, oferecemos um grande desconto de 10% sobre todas as novas adesões de desenvolvedores e todas as atualizações de contas por um tempo limitado. Hoje é um ótimo dia para participar, apenas certifique-se de usar o link especial abaixo! Nota: Nosso desconto limitado de 20% terminou, mas nosso desconto de 10% ainda está disponível por um tempo limitado! Não é tarde para se inscrever e ainda conseguir um acordo incrível.

DESCONTO DE DIA DE LANÇAMENTO

Estamos comemorando o Divi 3.0 com um desconto de 10% em todas as novas adesões de desenvolvedores e todas as atualizações de contas! Este acordo só estará disponível por um tempo limitado, então, certifique-se de comprar usando os links abaixo antes que seja tarde demais. Clique aqui para se inscrever para uma nova conta do desenvolvedor com 10% de desconto. Isso lhe dá acesso ao Divi, mais 87 temas adicionais e 6 complementos incríveis:

INSCREVA-SE HOJE PARA 10% DE DESCONTO

desconto

Se você já é um membro dos Temas elegantes, hoje é o melhor dia do ano para comprar sua atualização do desenvolvedor ou da vida! Clique aqui para obter 10% de desconto:

ATUALIZE HOJE PARA 10% DE DESCONTO