Como dar aos seus layouts Divi um novo visual com Divi AI

Rifat Divi Tutorials Feb 23, 2024

Divi é um dos criadores de páginas WordPress mais populares, fornecendo aos usuários uma interface intuitiva de arrastar e soltar para criar belos sites. Com o lançamento do Divi 4.0, Elegant Themes introduziu um novo recurso interessante - Divi AI. Esta ferramenta de inteligência artificial permite gerar conteúdo exclusivo, imagens e muito mais com apenas alguns cliques.

Nesta postagem, exploraremos como o Divi AI pode ser usado para transformar facilmente qualquer layout Divi existente em algo novo e original. Esteja você procurando dar uma nova aparência a um layout antigo ou criar múltiplas variações de um layout para páginas diferentes, o Divi AI simplifica tudo.

Divi AI e suas possibilidades

Divi AI é uma ferramenta de inteligência artificial que foi integrada ao construtor de páginas Divi para auxiliar os usuários no design de sites e criação de conteúdo. Com recursos avançados de IA, o Divi AI visa facilitar o desenvolvimento web, gerando conteúdo contextual, imagens e sugestões de layout.

O principal benefício que o Divi AI oferece é a capacidade de gerar conteúdo automaticamente com base em uma análise do layout existente e do conteúdo da página. Ao compreender o contexto de onde o conteúdo aparecerá, a Divi AI pode produzir textos e imagens relevantes adaptados a essa seção ou página com apenas alguns cliques. Isso elimina muitas das suposições na criação de conteúdo.

Create Amazing Websites

Com o melhor criador de páginas gratuito Elementor

Comece agora

Por exemplo, se você estiver construindo uma página de destino, o Divi AI pode analisar o layout e a mensagem principal para escrever um cabeçalho e corpo de texto atraentes que se ajustem ao objetivo e tema específicos da página. Ou se você precisar de uma imagem para sua página “Sobre nós”, o Divi AI pode gerar uma foto exclusiva com base nos detalhes coletados da página e do seu negócio.

Divi AI também ajuda a editar e refinar o conteúdo existente. Ele pode reformular frases, ajustar o tom e o estilo, expandir ou condensar a contagem de palavras e muito mais com base nas suas instruções. Isso torna a atualização e otimização do conteúdo mais rápida em comparação com a edição manual.

O assistente de IA também fornece ideias e sugestões criativas caso você enfrente um bloqueio de escritor. Ao examinar aspectos como sua marca, palavras-chave e conteúdo atual, pode oferecer novos tópicos e ângulos para explorar.

Em resumo, Divi AI utiliza inteligência artificial para compreender os contextos do site e as intenções do usuário. Isso abre possibilidades poderosas para geração automática de conteúdo personalizado e de alta qualidade e recomendações de layout para acelerar o design da web. Divi AI atua como seu especialista pessoal em web design de IA.

Como usar Divi AI para redesenhar layouts Divi

A parte interessante é usar o Divi AI para transformar um layout Divi pré-fabricado. Primeiro, vamos selecionar o layout que queremos personalizar.

Adicionando layouts Divi à sua página

Uma excelente maneira de aproveitar o Divi AI é usá-lo em pacotes de layout pré-fabricados. Os designers do Elegant Themes lançam pacotes de layout gratuitos e personalizados semanalmente. Esses pacotes fornecem um ponto de partida fantástico para o design do seu site. Com Divi AI, você pode personalizar rapidamente o conteúdo desses layouts para atender às suas necessidades e negócios exclusivos.

Usaremos o Coaching Layout Pack para este exemplo. Para adicionar um layout predefinido, expanda a barra de ferramentas Divi e clique no ícone de adição roxo para abrir a Biblioteca Divi.

Digite “coaching” na barra de pesquisa e escolha o layout da página Serviços.

Clique em “Usar este layout” para adicioná-lo à sua página.

Com o layout de coaching predefinido agora em nossa página, podemos começar a transformá-lo usando os recursos do Divi AI

Agora, vamos usar o Divi AI para gerar breves descrições para a seção de serviços desta página. Começaremos com o serviço individual.

Acesse as configurações do módulo passando o mouse sobre o módulo e clicando no ícone de engrenagem.

Para gerar texto automaticamente, clique no botão azul "Gerar texto automaticamente com IA". Por se tratar de um módulo do Blurb, o Divi AI também irá gerar automaticamente uma imagem ao lado do texto caso você queira usar uma imagem em vez de um ícone.

Os resultados gerados pela IA aparecerão. Para um módulo de sinopse, Divi AI produz conteúdo para cada seção. Se gostar do texto gerado, clique em “Usar este texto”. Ou você pode modificar ainda mais o texto selecionando ações no menu suspenso e refinando o resultado no campo de entrada.

E aqui está o resultado final! Divi AI criou automaticamente conteúdo contextual com base na página existente. É muito poderoso!

Você pode especificar qual contexto o Divi AI deve usar para gerar texto: Conteúdo desta página, Conteúdo desta seção, Conteúdo deste módulo ou Sem contexto. A escolha da referência de conteúdo oferece mais controle sobre o conteúdo contextual. Vamos selecionar "Conteúdo desta página".

Em seguida, escolha o tom de voz a ser empregado pelo Divi AI - Criativo, Informativo ou Engraçado.

Para SEO, você pode fornecer palavras-chave para serem incluídas no texto.

Você também pode definir o comprimento ou a duração do conteúdo.

Por padrão, o Divi AI corresponderá ao idioma do prompt. Mas você pode selecionar outro idioma no menu suspenso, se desejar.

Assim que suas configurações estiverem definidas, clique em “Gerar texto” e o Divi AI começará a trabalhar!

Se estiver satisfeito com o texto gerado, clique em “Usar este texto” para inseri-lo no módulo. Você pode personalizar ainda mais o texto da IA ​​em "Modificar com IA" - encurtar/alongar, verificar ortografia/gramática, reescrever para diferentes públicos e muito mais. A seção "Refinar resultado" permite fornecer mais orientações para regenerar o texto.

Você pode voltar ao prompt original por meio da seta para trás em "Resultados de conteúdo". Refine as configurações e gere novas opções de texto para comparar e escolher as melhores partes.

Reescrever e revisar cópia

Reescrever e revisar textos com Divi AI funciona de maneira muito semelhante. Para fazer isso, acesse um módulo de texto com conteúdo existente. Abra as configurações do módulo para editar o texto.

Existem duas maneiras de acessar as opções de IA. Primeiro, clique no botão azul "Gerar texto automaticamente com IA" na parte superior. Em segundo lugar, clique no ícone AI no editor de texto.

Para gerar automaticamente o texto revisado, clique no botão azul. Você pode personalizar ainda mais os resultados usando as opções na janela Resultados de Conteúdo.

Para usar o recurso “Melhorar com IA”, copie o texto existente, clique no ícone Divi AI e selecione “Melhorar com IA”.

Cole o texto no editor, escolha o estilo e as configurações desejadas e clique em “Gerar Texto”.

Imagens personalizadas com Divi AI

Divi AI permite gerar imagens personalizadas para o seu site sem gastar horas pesquisando sites de estoque. Veja como criar uma imagem com Divi AI usando o Módulo de Imagem:

Primeiro, abra as configurações do módulo de imagem e clique no ícone AI para acessar as opções: Gerar com IA, Melhorar com IA ou Opções rápidas como Gerar e Substituir, Reimaginar etc.

Escolha o estilo de imagem desejado - fotográfico, pintura digital, vetorial, 3D, arte abstrata, anime etc. Clique no ícone AI na área de texto para ajudar a gerar um prompt.

Você pode fazer upload de uma imagem de referência para contexto, mas é opcional. Defina a porcentagem de influência - menor significa que seu prompt tem mais influência em relação à imagem de referência. Se não houver imagem de referência, escolha a proporção.

Defina o tamanho da imagem (largura e altura). Feito isso, clique em “Gerar imagem”.

Você verá quatro opções geradas. Clique na imagem que você gosta e selecione "Usar esta imagem". Você também pode salvar imagens em sua biblioteca de mídia clicando no ícone de seta.

Para refinar, selecione uma imagem gerada e peça à IA para produzir mais imagens semelhantes. Em Modificar imagem selecionada, altere o tipo/estilo da imagem.

Refine seu prompt em Nova Descrição e gere novamente. Quando estiver pronto, clique em “Usar esta imagem” para inserir em seu conteúdo.

Faça imagens com Divi AI que correspondam a layouts pré-fabricados

Se você quiser manter o estilo do seu layout atual, substituir as imagens existentes pode atrapalhar o design. Com o Divi AI, você pode trocar as imagens em um layout predefinido, mantendo o estilo da imagem original.

Por exemplo, aqui está uma captura de tela do layout pré-fabricado da Bake Shop:

A estrutura e o comprimento do parágrafo permanecem os mesmos. Por favor, deixe-me saber se você gostaria que eu reformulasse o conteúdo de qualquer outra forma.

Digamos que queremos usar esse layout para o site de uma cafeteria. Poderíamos substituir as imagens de pretzel por imagens relacionadas ao café com estilo e paleta de cores semelhantes.

Para fazer isso, selecione uma imagem existente como referência. Adicione uma breve descrição como “xícara de café” e reduza a influência da imagem de referência para 20%. Em seguida, gere uma nova imagem.

A estrutura e o comprimento do parágrafo permanecem inalterados. Por favor, deixe-me saber se você gostaria que eu reformulasse de alguma outra forma

Repita esse processo para as outras imagens da página. Ajuste a cópia usando IA conforme necessário. Agora você tem um novo site com um estilo que combina com o layout predefinido.

Empacotando

Em resumo, Divi AI é uma ferramenta incrivelmente útil para aumentar a eficiência e a criatividade ao projetar sites Divi. Quanto mais você o utiliza, melhor ele entende o seu site e gera resultados ainda mais notáveis. Fique ligado para mais tutoriais do Divi , pois apenas começamos a descobrir o imenso potencial de aproveitar os recursos do Divi AI!

Divi WordPress Theme