Mais de 15 tutoriais incríveis de modelos de postagem de blog para Divi

Há muitas maneiras de projetar e personalizar seus modelos de postagem de blog Divi. Felizmente, existem muitos tutoriais de modelos de postagem no blog Divi no blog Elegant Themes para você começar. Neste artigo, veremos mais de 15 tutoriais incríveis de modelos de postagem de blog que você pode usar com o Divi Theme Builder. Todos incluem instruções passo a passo sobre como criar os modelos de postagem do blog para telas de desktop e dispositivos móveis. Muitos incluem downloads de arquivos JSON e instruções em vídeo. Alguns incluem CSS.

1. Projetando um modelo de postagem de blog

Este tutorial mostra tudo o que você precisa saber para começar a criar um modelo de postagem de blog no Divi Theme Builder. Ele inclui o básico do que é um modelo de postagem de blog e por que você precisa de um. Ele também discute conteúdo dinâmico e como usá-lo para postagens de blog.

Ver tutorial

2. Adicionando CTAs de barra lateral fixa a um modelo de postagem de blog

Este tutorial se concentra em como criar CTAs que são fixos e adicioná-los às barras laterais do seu modelo de postagem de blog. Ele mostra duas barras laterais diferentes que funcionam de forma independente. As barras laterais rolam com a postagem até chegarem ao local fixo e permanecem lá até que a postagem role até o ponto em que elas seguem a postagem. Essas informações também funcionam para qualquer modelo de página. Este inclui CSS.

Ver tutorial

3. Criando dinamicamente um modelo de postagem de blog amigável para UX

Este mostra como criar um modelo de postagem de blog focado na experiência do usuário. Ele mostra como incorporar elementos dinâmicos no design. O modelo criado neste tutorial está livre de distrações, tornando-o simples e fácil de usar.

Ver tutorial

4. Estilizando o módulo de comentários do Divi dentro de um modelo de postagem no blog

Este tutorial se concentra em estilizar uma seção de comentários que funciona perfeitamente com um modelo de postagem de blog. Ele cria dois designs com módulos de comentários. Um módulo de pessoa com acompanhamento de mídia social também está incluído. O plano de fundo é criado com um editor gráfico e um passo a passo de como ele é criado está incluído.

Ver tutorial

5. Projetando uma caixa de autor dinâmica para seu modelo de postagem no blog

Neste tutorial, você aprenderá a usar conteúdo dinâmico para criar uma caixa de autor para seu modelo de postagem de blog. Na área de trabalho, a caixa do autor fica na barra lateral. O conteúdo fica oculto e a imagem do autor é desbotada para criar um design limpo. O conteúdo é revelado quando eles passam o mouse sobre a caixa do autor. Para dispositivos móveis, a caixa do autor fica abaixo do conteúdo. Inclui CSS.

Ver tutorial

6. Criando um modelo de postagem de blog de barra lateral dupla face

Este tutorial mostra como criar um modelo de postagem de blog com uma barra lateral em ambos os lados. As barras laterais permanecem limpas com uma postagem no blog de um lado e um opt-in de e-mail do outro lado. As barras laterais empilham no celular. CSS está incluído.

Ver tutorial

7. Criando uma barra de informações de postagem dinâmica para seu modelo de postagem de blog

Este tutorial mostra como criar uma barra de informações usando conteúdo dinâmico que permanece na tela enquanto o usuário rola. O conteúdo inclui o título e a categoria da postagem atual para mostrar o que o usuário está lendo, o número de comentários e um link para deixar um comentário e um botão para assinar a newsletter. Inclui CSS.

Ver tutorial

8. Incluindo uma barra lateral fixa de altura total em seu modelo de postagem de blog

Este tutorial mostra como criar uma barra lateral de altura total que é fixada na versão para desktop à medida que o usuário rola. A barra lateral ocupa toda a altura da tela da área de trabalho. A versão móvel coloca a barra lateral após o conteúdo. CSS personalizado está incluído.

Ver tutorial

9. Criando um modelo de postagem de blog em tela dividida

Este tutorial mostra como criar um modelo de postagem de blog com a imagem em destaque de um lado e o conteúdo da postagem do outro. A imagem em destaque com seu título e metadados permanece no lugar enquanto o conteúdo rola. Para dispositivos móveis, o layout funciona normalmente. Inclui CSS.

Ver tutorial

10. Criando uma barra lateral adesiva para seu modelo de postagem no blog

Este mostra como deixar a barra lateral pegajosa. Uma vez que atinge seu local fixo na tela, a barra lateral permanece no lugar até o final do conteúdo. A barra lateral rola com a postagem normalmente. Funciona normalmente no celular. O modelo de postagem do blog foi criado do zero e inclui elementos sobrepostos e CSS personalizado.

Ver tutorial

11. Criando uma alternância de comentários para seu modelo de postagem no blog

Este tutorial mostra como criar uma alternância para recolher a seção de comentários. Um botão em uma barra de comentários abre o comentário para revelá-los. Isso é especialmente útil para melhorar a experiência do usuário em postagens com muitos comentários. CSS personalizado está incluído.

Ver tutorial

12. Incluindo uma imagem em destaque de largura total em seu modelo de postagem de blog

Este tutorial mostra como tornar sua imagem em destaque na largura total no desktop e no celular. Ele mostra várias maneiras de fazer isso, incluindo uma seção dinâmica, um módulo de título de postagem, uma imagem separada e um módulo de texto. Alguns incluem sobreposições de gradiente.

Ver tutorial

13. Usando diferentes modelos de postagem de blog para diferentes categorias

Este mostra como usar as configurações do Divi Theme Builder para configurar diferentes modelos de postagem de blog para diferentes categorias em seu site. Ele também discute as vantagens de usar diferentes modelos de postagem de blog e como excluir uma categoria do modelo padrão.

Ver tutorial

14. Atribuindo um modelo diferente de postagem de blog a postagens específicas

Este tutorial mostra como usar as configurações do Divi Theme Builder para atribuir um modelo de postagem de blog a uma postagem de blog específica. Ele também discute as vantagens de fazer isso e fornece alguns exemplos de quando isso faria mais sentido.

Ver tutorial

15. Adicionando postagens relacionadas ao seu modelo de postagem no blog

Este tutorial mostra como adicionar uma seção ao seu modelo de postagem de blog que exibe postagens relacionadas. Este também abrange os elementos que um modelo de postagem de blog precisa, exemplos de outros elementos, as vantagens de postagens relacionadas e os melhores lugares para adicioná-las. A seção de postagem relacionada se sobrepõe ao corpo da postagem do blog.

Ver tutorial

16. Usando o módulo Post Content no Theme Builder

Este tutorial se aprofunda em como usar o módulo Post Content. Ele aborda como o módulo funciona e como usar melhor o módulo ao projetar modelos de postagem de blog no Divi Theme Builder. Ele também mostra como usá-lo com páginas WooCommerce geradas com códigos de acesso e aconselha quando não usá-lo.

Ver tutorial

17. Adicionando um herói em tela cheia ao seu modelo de postagem no blog Divi

Este tutorial mostra vários métodos para adicionar uma seção de herói em tela cheia ao seu modelo de postagem de blog. Os métodos incluem um módulo de título de postagem em tela cheia, um título sobre o plano de fundo e adição de metadados na seção hero. Também mostra como adicionar um gradiente sobre a imagem principal.

Ver tutorial

18. Incluindo metadados em seu modelo de postagem de blog

Este mostra como usar conteúdo dinâmico para adicionar metadados ao seu modelo de postagem de blog. Ele discute o que é meatadata, como o conteúdo dinâmico funciona para meatadata e por que você deve usar conteúdo dinâmico para exibir metadados. As várias opções de exibição de metadados também são cobertas.

Ver tutorial

19. Incluindo navegação de postagem em seu modelo de postagem de blog Divi

Este tutorial abrange o módulo Post Navigation. Ele aborda por que você deve usar a navegação de postagem e mostra o melhor local para adicioná-la ao seu modelo de blog. Ele mostra três maneiras diferentes de estilizar o módulo para criar links de texto, botões e um botão de dupla face.

Ver tutorial

Como encontrar modelos de postagem de blog gratuitos para Divi

A Elegant Themes criou muitos modelos de postagem de blog gratuitos que combinam com os Divi Layout Packs gratuitos. Esses modelos de postagem de blog Divi gratuitos são postados no blog ET. Basta pesquisar por “modelo de postagem de blog gratuito”, “modelo de postagem de blog Divi gratuito” ou palavras-chave semelhantes. Você encontrará muitos modelos de postagem de blog gratuitos para escolher.

Pensamentos finais

Essa é a nossa visão de mais de 15 tutoriais incríveis de modelos de postagem de blog Divi para Divi. Esses mais de 15 tutoriais são uma ótima maneira de aprender as várias maneiras de projetar e personalizar seus modelos de postagem de blog Divi. Eles também fornecem ideias para criar o seu próprio usando o Divi Theme Builder. Vários deles mostram como usar CSS.

Nós queremos ouvir de você. Você já usou algum desses mais de 15 tutoriais incríveis de modelos de postagem no blog Divi? Deixe-nos saber qual é o seu favorito nos comentários.