Nossos 10 melhores tutoriais Divi de 2019

Publicados: 2020-01-01

Este foi o nosso maior ano para conteúdo Divi no blog Elegant Themes. Publicamos centenas de postagens, incluindo alguns de nossos melhores tutoriais de todos os tempos. Nesta postagem, gostaria de aproveitar a oportunidade para destacar o excelente trabalho da nossa equipe editorial, destacando nossos dez tutoriais Divi mais populares (mais visitados durante o ano). E claro, para lembrar a todos, a comunidade, apenas alguns dos nossos melhores recursos Divi à sua disposição.

Nossos 10 melhores tutoriais Divi de 2019

1. O guia definitivo para acelerar o seu site Divi

acelerando a imagem em destaque da divi

Na verdade, o Divi tem muitos aprimoramentos de desempenho que foram adicionados em atualizações anteriores que fizeram os sites Divi (e o Divi Builder) rodarem mais rápido do que nunca. Além disso, o Divi foi desenvolvido com a otimização de terceiros em mente. Muitos dos plug-ins de otimização de desempenho usados ​​para WordPress também podem ser usados ​​para aumentar o desempenho de velocidade do seu site Divi.

Neste post, vamos explorar o que já foi feito para acelerar o Divi e o que podemos fazer para torná-lo ainda mais rápido.

Leia esta postagem

2. Como criar um site multilíngue com Divi ou Extra e WPML

como criar um site multilíngue com divi

Criar um site multilíngue com Divi e Extra é fácil. Ambos prontos para WPML, o que significa que você pode criar um site multilíngue com Divi e Extra. O WPML fez alterações que melhoraram a compatibilidade com Divi e Extra e adicionou recursos que tornam ainda mais fácil traduzir o seu site. Neste artigo, veremos como criar um site multilíngue com Divi ou Extra e WPML.

Leia esta postagem

3. 5 estilos de módulo de cabeçalho Creative Divi que você pode obter usando as configurações integradas

imagem em destaque de designs criativos de cabeçalhos divi

Fora da caixa, o Módulo de Cabeçalho Divi pode criar designs de cabeçalhos impressionantes com apenas alguns ajustes. Isso o torna um módulo extremamente popular ao projetar cabeçalhos para o seu site no Divi. E com um pouco de pensamento inovador, você pode criar alguns designs realmente exclusivos usando apenas as configurações integradas (sem CSS personalizado). Então, para aqueles que desejam explorar alguns novos designs de cabeçalho, vou mostrar 5 estilos de módulo de cabeçalho Divi que podem inspirá-lo.

Leia esta postagem

4. Alterando o número de colunas no módulo Divi Gallery em diferentes pontos de interrupção

Alterando o número de colunas no módulo da Divi Gallery em diferentes pontos de interrupção Imagem apresentada

O Módulo Divi Gallery permite que você crie uma bela galeria de imagens em um layout de grade responsivo. A galeria é considerada responsiva porque dimensiona o tamanho de suas imagens e ajusta o número de colunas na grade de acordo com as diferentes larguras do navegador.

Por padrão, o módulo da galeria tem três pontos de interrupção (pontos onde o estilo muda em certas larguras do navegador) que ajustam o número de colunas na grade. Ele exibirá sua galeria de imagens em quatro colunas na área de trabalho e, em seguida, se dividirá em três colunas no tablet, duas colunas em tablets pequenos (e telefones grandes) e uma coluna em telefones.

Essa configuração padrão geralmente funciona na maioria dos casos, mas às vezes você pode precisar de mais controle sobre o número de colunas exibidas em certas larguras de navegador. É por isso que, neste tutorial, mostraremos como ter controle total sobre o número de colunas exibidas no módulo Divi Gallery, não apenas para a área de trabalho, mas também para três pontos de interrupção adicionais do navegador.

Leia esta postagem

5. Como criar um cabeçalho global personalizado com o Divi's Theme Builder

cabeçalho global

Agora que o Theme Builder está aqui, mal podemos esperar para mergulhar em novos tutoriais que o ajudarão a configurar seu site de A a Z. Isso inclui a criação de cabeçalhos personalizados usando a opção integrada do Divi. Neste tutorial, vamos nos concentrar na criação de um cabeçalho global usando o Divi's Theme Builder. Um cabeçalho global aparecerá em todos os lugares do seu site, a menos que você tenha atribuído um cabeçalho diferente a essa página ou postagem.

Leia esta postagem

6. Como criar cartões flip com qualquer módulo no Divi sem um plug-in

Como criar cartões flip com qualquer módulo no Divi sem um plug-in Imagem em destaque

Os Flip Cards são uma maneira divertida de os usuários interagirem com o seu site. Não só fornece uma animação flip legal, mas também permite que você ofereça informações adicionais em um local conciso. Neste tutorial, vou mostrar como transformar Módulos Divi em cartões flip sem usar um plugin! Com este método, você poderá usar um módulo Divi como a frente de um cartão e outro módulo Divi como o verso de um cartão. Você pode até projetar cada módulo (frente e verso) da maneira que quiser usando o construtor divi. A funcionalidade é realizada por meio de apenas alguns trechos de CSS (sem jquery).

Leia esta postagem

7. Maneiras simples e criativas de exibir os logotipos da empresa na Divi

Maneiras simples e criativas de exibir os logotipos da empresa na imagem em destaque da Divi

Existem muitos motivos para exibir logotipos de empresas em seu site. Uma seção “Apresentada em” dos logotipos da empresa pode ter influência para investidores ou parceiros em potencial. Ou uma seção “Nossos clientes incluem” pode estabelecer uma prova social valiosa com os visitantes. Mas seja qual for o motivo, é importante saber como adicionar esses logotipos ao seu site. Neste tutorial, examinarei três métodos diferentes para adicionar logotipos de empresas ao seu site com Divi. Vou até mostrar como adicionar galerias de logotipo a qualquer Módulo Divi!

Leia esta postagem

8. 5 maneiras fantásticas de estilizar o módulo de depoimento da Divi

módulo de depoimento divi

A única coisa que os visitantes sempre procuram em um site são depoimentos. Eles representam credibilidade e influenciam o processo de tomada de decisão de leads ou clientes em potencial ao visitar seu site. Além de garantir que você tenha depoimentos sólidos para compartilhar, torná-los visualmente atraentes também desempenha um papel importante. Neste post, vamos mostrar 5 maneiras fantásticas de estilizar o Divi Testimonial Module usando apenas as opções integradas.

Leia esta postagem

9. Como personalizar o controle deslizante Divi para alterar elementos específicos a cada slide

Como personalizar seu controle deslizante Divi para alterar elementos específicos com cada imagem apresentada no slide

Todos nós sabemos que os controles deslizantes são maravilhosos para maximizar a seção superior acima da dobra do seu site. Eles são ótimos! Os usuários são recebidos com vários CTAs e recursos importantes que aparecem sem precisar rolar a página para baixo. Mas, às vezes, muitas mudanças no design e no conteúdo de um slide para outro podem distrair ou sobrecarregar os visitantes. É por isso que, neste tutorial, mostrarei como personalizar seu controle deslizante Divi para alterar apenas elementos específicos a cada transição de slide. Isso permite que você mantenha o conteúdo central e os componentes de design de seu controle deslizante consistentes enquanto altera apenas um elemento específico (como uma única palavra ou botão) em cada slide. Os visitantes serão capazes de processar facilmente a mudança e entender claramente sua chamada à ação.

Leia esta postagem

10. Como criar um controle deslizante de galeria de fotos personalizado na Divi

galeria-slider-destaque

Todos nós sabemos que os controles deslizantes são ótimos para atrair os usuários com serviços, produtos ou páginas em destaque em um local conveniente acima da dobra. Alguns sites (estou pensando em fotógrafos) precisam apresentar uma ou mais de suas galerias de fotos na página inicial. Usar um controle deslizante para isso pode ser uma boa opção. No entanto, você pode não ter considerado apresentar sua galeria de fotos em um controle deslizante como este.

Neste tutorial, vou mostrar uma maneira fácil de incorporar galerias de imagens Divi em seus slides para criar um controle deslizante de galeria de fotos totalmente personalizado no Divi. O truque é criar uma galeria de imagens WordPress na área de conteúdo do seu controle deslizante. Em seguida, você só precisa ter certeza e selecionar a opção de usar a Galeria Divi em vez do estilo Galeria do WordPress padrão. É super fácil e divertido de implementar.

Leia esta postagem

Para concluir

Todos os anos, os tipos de conteúdo Divi em que nos concentramos dependem muito de quais novos recursos são lançados. Achamos que é melhor complementar os novos lançamentos de recursos com muitos novos tutoriais que ensinam as pessoas como usá-los e até mesmo levar esses recursos ao limite de maneiras interessantes. No entanto, essa abordagem significa que saltamos muito e podemos ter deixado alguns tópicos sem cobertura. Portanto, se você tiver um pedido de tutorial Divi que possamos resolver para você no novo ano, compartilhe-o abaixo na seção de comentários e nós o adicionaremos à fila!

Imagem em destaque via hobbit / shutterstock.com