Como adicionar módulos ao tema Divi WordPress

Publicados: 2022-10-14

Adicionar módulos ao Divi WordPress Theme é um processo simples que pode ser feito em alguns minutos. Existem duas maneiras de adicionar módulos ao Divi WordPress Theme. A primeira maneira é usar o painel de administração do WordPress e a segunda maneira é usar o Divi Page Builder. O painel de administração do WordPress é a maneira mais fácil de adicionar módulos ao Divi WordPress Theme. Para adicionar um módulo ao Divi WordPress Theme, faça login no seu painel de administração do WordPress e vá para a guia “Divi”. Na guia "Divi", clique no botão "Adicionar módulo". Uma janela pop-up aparecerá. Selecione o módulo que deseja adicionar no menu suspenso e clique no botão "Adicionar módulo". O Divi Page Builder é um poderoso construtor de páginas de arrastar e soltar que permite adicionar módulos ao Divi WordPress Theme em questão de minutos. Para usar o Divi Page Builder, faça login no painel de administração do WordPress e vá para a guia “Divi”. Na guia “Divi”, clique no botão “Page Builder”. Uma nova página será carregada com a interface do Divi Page Builder. Para adicionar um módulo ao Divi WordPress Theme, basta arrastar e soltar o módulo da barra lateral esquerda na área de conteúdo. Quando o módulo estiver na área de conteúdo, você poderá editar as configurações do módulo clicando no botão “Configurações”.

Construtor de Módulos Divi

Crédito: www.youtube.com

O Divi Module Builder é uma ferramenta poderosa que permite criar facilmente módulos personalizados para o Divi Page Builder. Com o Divi Module Builder, você pode criar facilmente módulos personalizados sem precisar codificá-los ou projetá-los você mesmo. Com o Divi Module Builder, você pode criar de forma rápida e fácil módulos personalizados que são responsivos, interativos e com ótima aparência em todos os dispositivos.

Os módulos Divi podem ser usados ​​de várias maneiras em seus projetos. Os blocos podem ser usados ​​como peças independentes ou como parte de linhas e colunas para criar layouts. Os módulos podem ser salvos em sua biblioteca para que você possa usá-los posteriormente. Os módulos Divi são uma excelente maneira de adicionar apelo visual aos seus layouts. Você pode alterar as configurações de cor, tamanho e módulo no Visual Builder para criar um design que seja exatamente o que você precisa.

Módulo Divi dentro de outro módulo

É possível inserir um módulo divi dentro de outro módulo. Isso pode ser feito selecionando a opção “inserir módulo” no menu do módulo. Uma vez selecionado, aparecerá uma janela que permite escolher qual módulo deseja inserir.

Inclui um Shortcode para cada item da biblioteca DIVI que está instalada atualmente ou no futuro para uma versão paga ou premium da ferramenta. Para usar um determinado elemento, basta copiar o shortcode que foi exibido e colá-lo onde quiser. O acordeão não funciona, os módulos globais podem não funcionar corretamente e o acordeão não funciona corretamente. No entanto, é uma excelente ferramenta para criar alguns designs exclusivos. O DIVI inclui dois módulos de mapas e um módulo de depoimentos. Você pode adicionar um shortcode copiando/colando o shortcode (aqui para o mapa):. Para começar, vá para a segunda guia e clique no código de acesso do depoimento. Depois que nossas duas guias forem criadas, nosso módulo de guias aparecerá abaixo.

Módulo de Código Divi

Crédito: www.elegantthemes.com

Um módulo de código Divi permite inserir CSS, HTML e JavaScript personalizados diretamente no Divi Builder . Isso é útil para personalizar a aparência do seu site ou para adicionar funcionalidades que não estão disponíveis no Divi Builder.

Módulos em Divi podem ser usados ​​para construir páginas. Cada módulo é composto por um conjunto exclusivo de recursos, elementos e configurações de design que ajudam você a criar algo único. O enorme conjunto de módulos do Divi facilita a construção de quase qualquer tipo de site. Sua página pode ser construída com código do módulo de código, que inclui HTML, JavaScript e CSS. Você pode usar cada um dos módulos gratuitos fornecidos pelo Elegant Themes como parte de sua associação ao Divi. Ao criar um módulo Divi, você pode usá-lo em qualquer projeto futuro ou até mesmo vendê-lo no Divi Marketplace. Visite nossa documentação do desenvolvedor para obter mais informações sobre como criar seus próprios módulos.

Inserir módulos Divi

Os módulos Divi são módulos pré-fabricados que você pode usar para criar seus próprios layouts personalizados no Divi Builder. Há uma variedade de módulos disponíveis, cada um com seu próprio conjunto exclusivo de opções e configurações. Você pode inserir módulos Divi em seu layout arrastando e soltando-os no local desejado.

O Divi permite que você crie um site de maneira rápida e fácil. Módulos que de outra forma estariam indisponíveis podem ser colocados aqui, se possível, usando esta solução. É altamente recomendável que você use nosso guia para criar um tema filho antes de editar qualquer arquivo em seu site. Se você não tiver um tema filho, o tema Divi removerá todo o seu código personalizado em qualquer atualização subsequente. Neste exemplo, usaremos o módulo de guias para criar um formulário de contato. Para tornar o processo de inscrição na newsletter mais envolvente, você pode incluir um módulo de sinopse ou uma seção de especialidade no rodapé. A criação de um módulo Divi requer o id relacionado ao conteúdo salvo. A melhor maneira de fazer isso é abrir a biblioteca Divi e passar o mouse sobre o nome do módulo. É um processo simples adicionar o id do seu módulo às suas páginas depois de encontrá-lo.

Como instalar um plug-in de layout do Divi Builder

Para instalar um plug-in do Divi Builder Layout , vá para a guia Plugins e clique em Adicionar novo plug-in. Você pode instalar o plug-in selecionando o botão Instalar agora na janela que aparece e procurando o arquivo ZIP que deseja usar.

Módulos personalizados do Divi Builder Módulos do Divi Builder

Existem muitos módulos de construção de divi personalizados disponíveis para compra online. Você pode encontrá-los para diversos fins, como adicionar ícones de mídia social ao seu site ou criar um formulário de contato personalizado. Os módulos do construtor Divi são uma ótima maneira de adicionar funcionalidades extras ao seu site sem precisar codificá-lo.

Os módulos do Divi Page Builder foram estendidos para atender às minhas necessidades. Quando recebi alguns pedidos de clientes, tive que fazer alterações em seus módulos existentes ou criar novos. Não haverá detalhes sobre como personalizar o módulo neste artigo porque suas necessidades podem ser diferentes. Como as classes de módulo do ET Builder são tão grandes, você não quer se dedicar a escrever o módulo inteiro para si mesmo. Você pode selecionar um módulo existente mais próximo do que você precisa acessando o arquivo Divi e procurando por ele. Vou usar o módulo Image, que parece ser o mesmo mostrado aqui. Você deve manter um arquivo et_pb_ para essa finalidade. Caso contrário, o Divi Builder não carregará o módulo porque possui um prefixo para slugs. Para fazer referência à nova instância da classe, devemos alterar seu nome e adicionar o shortcode.

O Divi Builder: um construtor de páginas flexível e fácil de usar para WordPress

O Divi Builder foi projetado para ser o mais simples de usar possível, sendo o mais flexível possível. O Divi Builder é uma excelente escolha para qualquer nível de usuário do WordPress, seja ele apenas começando ou tenha experiência com a plataforma. Devido ao seu sistema modular, o Divi Builder permite criar facilmente módulos personalizados que podem ser usados ​​para criar layouts exclusivos e personalizados. O Divi Builder vem com um recurso de portabilidade que permite exportar facilmente layouts para outros sites.