Ir para o conteúdo principal

Como usar o plugin do Divi Builder no WordPress

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Divi é certamente um dos temas mais populares do WordPress hoje em dia. Um dos elementos que constitui a força deste tema é o seu construtor (Divi Builder), que nos lembra enormemente o de Visual Composer.

O Divi Builder vem em duas formas: o "Back-end Builder" padrão e o "Visual Builder". Ambas as interfaces permitem que você crie exatamente os mesmos tipos de sites com os mesmos elementos de conteúdo e parâmetros de design. A única diferença é a interface. O construtor de back-end vive dentro do painel do WordPress e é acessível com todas as outras configurações padrão do WordPress.

Ele está dentro da interface do usuário do WordPress e substitui o editor de mensagens padrão do WordPress. É ótimo para fazer alterações rápidas enquanto você está dentro do painel, mas também é confinado pelo painel e é renderizado como uma representação do site do bloco. esta Tutoriel focará apenas no construtor visual.

Baixar DIVI WordPress Theme

divi builder.jpeg

O novo Visual Builder, por outro lado, permite que você construa suas páginas no front-end do seu site! É uma experiência incrível e permite um design muito mais rápido. Quando você adiciona conteúdo ou ajusta os parâmetros de design dentro do construtor visual, suas alterações aparecem instantaneamente.

Você pode clicar na página e começar a digitar. Você pode destacar o texto e ajustar sua fonte e estilo. Você pode adicionar novos conteúdos, construir sua página e ver tudo o que está acontecendo diante de seus olhos.

uso de visual-builder.jpg

Como ativar o Visual Builder

Quando você está logado em seu painel do WordPress, você pode navegar para qualquer página na frente do seu site e clique no botão "Ativar Visual Builder" na barra de administração do WordPress para iniciar o construtor visual.

como ativar o visual builder.jpeg

Se você editar sua página no painel, poderá alternar para o Visual Builder clicando no botão "Ativar o Visual Builder" na parte superior da interface de backend do Divi Builder (observe que você deve primeiro ative o Divi Builder antes que o botão do Visual Builder apareça).

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 554.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

use o construtor visual Divi.jpeg

O básico do Visual Builder

O poder do Divi está no Visual Builder, um construtor de páginas que trabalha com "Arrastar e Soltar", que permite criar praticamente qualquer tipo de site, combinando e organizando elementos de conteúdo.

O construtor usa três blocos de construção principais: seções, linhas e módulos. Usá-los em uníssono permite criar inúmeros layouts. As seções são os maiores blocos de construção e abrigam grupos de linhas. As linhas estão dentro das seções e são usadas para abrigar os módulos. Os módulos são colocados dentro das linhas. Esta é a estrutura de cada site Divi.

seções

Os blocos de construção mais básicos e maiores usados ​​na criação de layouts com Divi são as seções. Eles são usados ​​para criar grandes grupos de conteúdo e essa é a primeira coisa que você adiciona à sua página. Existem três tipos de seções: Regular, Specialty e Full Width.

Seções regulares consistem em linhas de colunas enquanto as seções de largura total são compostas de módulos de largura total que ampliam a largura inteira da tela. As seções especiais permitem layouts laterais mais avançados.

linha

As linhas estão dentro das seções e você pode colocar qualquer número de linhas dentro de uma seção. Existem muitos tipos diferentes de colunas para escolher. Depois de definir uma estrutura de coluna para sua linha, você poderá colocar os módulos em uma coluna desejada. Não há limite para o número de módulos que você pode colocar em uma coluna.

Módulos

Módulos são os elementos de conteúdo que compõem o seu site. Cada módulo Divi pode se adaptar a qualquer largura de coluna e todos são totalmente responsivos.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

Construa sua primeira página

Os três blocos de construção básicos (seções, linhas e módulos) são usados ​​para construir sua página.

construção de uma página Divi.jpg

Adicionando sua primeira seção

Antes de adicionar qualquer coisa à sua página, você precisará adicionar uma seção primeiro. As seções podem ser adicionadas clicando no botão azul (+). Quando você passa o mouse sobre uma seção que já existe na página, um botão azul (+) será exibido abaixo dela. Quando você clica, uma nova seção será adicionada na seção em que você está voando atualmente.

Se você iniciar uma nova página, sua primeira seção será adicionada automaticamente.

lista de seções divi.jpg

Adicionando sua primeira linha

Depois de adicionar sua primeira seção, você pode começar a adicionar linhas de colunas dentro dela. Uma seção pode conter qualquer número de linhas e você pode misturar e combinar linhas de diferentes tipos de colunas para criar uma variedade de layouts.

Para adicionar uma linha, clique no botão verde (+) dentro de uma seção em branco ou clique no botão verde (+) que aparece ao passar o mouse sobre uma linha atual para adicionar uma nova linha abaixo. Depois de clicar no botão verde (+), você será saudado por uma lista de tipos de colunas. Escolha a coluna de sua escolha e você está pronto para adicionar seu primeiro módulo.

como inserir a linha Divi.jpeg

Adicionando seu primeiro módulo

Os módulos podem ser adicionados dentro das linhas e cada linha pode conter qualquer número de módulos. Os módulos são os elementos de conteúdo da sua página, e o Divi vem com mais de 40 elementos diferentes que você pode usar para construir.

Você pode usar módulos básicos, como textos, imagens e botões, ou módulos mais avançados, como Sliders, Carteiras galerias e eCommerce Lojas.

Para adicionar um módulo, clique no botão cinza (+) que existe dentro de uma coluna vazia ou clique no botão cinza (+) que existe quando você passa o mouse sobre um módulo na página para adicionar um novo módulo abaixo . Depois de clicar no botão, você será saudado por uma lista de módulos.

Escolha o módulo de sua escolha e ele será adicionado à sua página e o painel de controle do módulo aparecerá. Usando este painel de controle, você pode começar a configurar seu módulo.

insira um módulo DIVI.jpeg

É isso para este tutorial. Com o que você aprendeu hoje, você será capaz de criar um layout com Divi. Nós vamos voltar com tutoriais avançados sobre o assunto. Você já pode baixar o tema Divi.

Outros tutoriais Divi

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
10 ações
ação4
chilrear2
Enregistrer4
Whatsapp