Criando Páginas

É possível criar conteúdo da forma tradicional, ou seja, sem usar o Divi mas sua criatividade estará limitada. Portanto, comece pressionando o botão “Use the Divi Builder” para abrir uma das 3 opções que são: Criar conteúdo a partir do zero, Importar um Layout da sua Biblioteca Divi (Divi Library) ou Clonar uma Página.

Criando conteúdo simples

Escolha a opção “Build from Scratch”, ou seja, criar conteúdo começando do Zero.

Escolha uma Coluna

Como explicado no Tutorial # 2, você pode escolher várias combinações de colunas.  Nesse exemplo, vamos usar apenas 1 coluna que cobrirá toda a área do seu texto. Futuramente vamos explorar as demais combinações que podem ser usadas com uma fileira de múltiplas colunas.

Escolha o Módulo de Texto

O módulo de texto inclui os mesmos recursos da tela clássica do WordPress à qual os usuários estão acostumados a usar, com a vantagem que ele  pode ser aplicado em mais de uma coluna dentro da mesma linha, como exemplificarei posteriormente.

Adicionar Texto

Siga esses passos para compor seu primeiro texto:
1) Clique no ícone “Gear” que vai abrir a tela de Configuração de Texto (Text Settings)
2) Escolha o estilo (tamanho) de fonte (Parágrafo, H1 a H6)
3) Ao terminar clique na aba verde para salvar o trabalho e publique

Pagina Simples

Como podemos ver, o resultado é muito simples, porque não adicionamos nenhum efeito visual, imagens, botões e tudo aquilo que faz do DIVI um solução ideal e prática para dar asas à nossa criação.  Mas nos exemplos seguintes, veremos o que é possível fazer para alcançar esse objetivo.

Página com Layout

Para criar uma página nova a partir de um layout,  use o mesmo exemplo do passo 3.1 acima. Dessa vez escolha a opção do meio (Choose a Premade Layout) para escolher um layout previamente importado para a biblioteca do seu site (Divi Library) ou escolha um download gratuito da Elegant Themes.

Escolher Layout

Neste exemplo, vamos escolher um layout previamente importado para o Divi Library.
O Layout tanto pode ser de uma página inteira ou apenas uma seção. Se o layout incluir imagens, as mesmas serão alocadas diretamente na sua Biblioteca de Imagens.

Demo via Wireframe

Em poucos segundos todo o layout da página estará pronto para ser revisado e editado. Aproxime o mouse para ver a página inteira no modo WireFrame. Textos, imagens, botões, etc. poderão ser editados diretamente nesta tela ou clique em “Build on the Front End” se preferir editar visualizando o resultado.

Demo via Front View

Esse é um Preview da página.

Como mencionado em 3.9 você pode editar o conteúdo diretamente por aqui, já que a visão frontal é mais fácil de trabalhar, mas é opcional. Aproxime o mouse para ver a página inteira no modo Front View.

Clonar uma Página

A terceira e última opção é para você que deseja clonar uma página já existente.  Para isso use o mesmo exemplo do passo 3.1 e dessa vez escolha a opção da direita (Clone Existing Page) nesta imagem.

Escolher a Página

Essa próxima tela abrirá mostrando as Páginas ou Posts já existentes no seu site.  Basta escolher qual você deseja clocar e o resultado na tela será semelhante ao dos  passos 3.9 e 3.10 acima. Depois disso é só editar o conteúdo.