Mais de 15 tutoriais incríveis do módulo de blog para Divi

O módulo de blog do Divi é um módulo poderoso para criar todos os tipos de páginas com feeds de blog. Exiba postagens únicas, várias postagens, postagens para páginas específicas, atribua as páginas a arquivos e muito mais. É um módulo simples, mas existem várias maneiras de usá-lo. Felizmente, existem muitos tutoriais de módulo de blog que ensinam os prós e contras de usar o módulo de blog. Neste artigo, veremos mais de 15 tutoriais incríveis de módulos de blog para Divi para ajudá-lo a criar suas páginas de blog.

1. Como construir uma página de blog

Este tutorial usa um dos muitos modelos de página de blog disponíveis no Divi para mostrar como criar uma página de blog. Ele usa o módulo de blog, bem como muitos módulos de suporte. Ele leva você passo a passo por todas as configurações para recriar a página do blog.

Ver tutorial

2. 8 Combinações de Exibição de Elemento Postal

Este examina os elementos da postagem, como o nome do autor, data de publicação e categorias, que são exibidos nos cartões de blog. Ele fornece 8 exemplos com várias combinações de como eles podem ser usados ​​juntos e inclui insights sobre quando usar cada um dos elementos e suas vantagens.

Ver tutorial

3. Comparando os layouts de blog de grade e largura total do Divi

Este tutorial passa por uma comparação detalhada da grade e layouts de blog de largura total que estão disponíveis no módulo de blog. Ele fornece informações sobre como alternar entre as duas opções. A comparação mostra exemplos de como eles são usados ​​nos layouts Divi. Ele também fornece os prós e contras de cada opção e inclui dicas sobre como escolher entre elas.

Ver tutorial

4. Como estilizar seus cartões de grade de blog Divi

Este tutorial orienta o leitor pela estilização dos cartões de grade do blog. Ele mostra 4 exemplos que incluem uma grade de blog quadriculada, efeitos de foco com um layout quadriculado, personalização dos cartões por linha e design de um cartão específico. Os exemplos incluem um tutorial em vídeo e abrangem as configurações básicas do módulo de blog e CSS personalizado. Ele também mostra como usar a ferramenta Chrome Inspect.

Ver tutorial

5. Transforme seu módulo de blog em um carrossel que pode ser arrastado/deslizado

Este tutorial mostra como criar um carrossel de cartão de blog avançado arrastável/deslizar. Ele coloca botões grandes no lado direito da tela para dispositivos móveis e desktop. Ele usa vários módulos e inclui CSS e jQuery personalizados. O cartão também está disponível como um arquivo JSON para download para que você possa usá-lo sem ter que construí-lo sozinho.

Ver tutorial

6. Como criar uma seção de listagem de empregos de carreiras dinâmicas

Este tutorial faz parte de uma série sobre como criar listas de empregos. Você precisará primeiro criar a postagem do modelo de vaga de emprego aberta e depois voltar a este tutorial. Este se concentra em como apresentar dinamicamente as posições abertas nesse modelo. Ele inclui CSS personalizado e também pode ser baixado como um arquivo JSON.

Ver tutorial

7. Como adicionar postagens relacionadas

Este tutorial mostra como usar o módulo de blog para adicionar uma seção de postagens relacionadas à parte inferior do seu modelo de postagem de blog. As postagens neste módulo de blog correspondem à postagem do blog, independentemente de sua categoria. Ele também aborda o que um modelo de postagem de blog precisa e como usar um modelo de postagem de blog com o Divi Theme Builder. Ele também inclui um tutorial em vídeo.

Ver tutorial

8. Dê um novo visual ao módulo Divi Blog

Este é do dia 3 da maratona Divi 100. Esta é a extensão Divi Article Cards que você pode baixar. Ele inclui um tutorial sobre como estilizá-lo. Inclui um tutorial em vídeo. Mesmo que seja de alguns anos atrás, ainda é um dos melhores designs de cartão de blog disponíveis.

Ver tutorial

9. Como alternar trechos de postagem do blog ao passar o mouse

Este tutorial mostra como criar um layout de grade compacto que revela o trecho quando o visitante passa o mouse sobre um cartão. Você pode mostrar mais postagens em uma página e seus visitantes não terão que ver trechos de postagens nas quais não estão interessados. Inclui CSS personalizado. Você pode baixar o arquivo JSON para não precisar construí-lo do zero.

Ver tutorial

10. Como limitar o tamanho do trecho

Este mostra como personalizar o comprimento do trecho para o seu módulo de blog. Ele também mostra como ocultar o trecho se você não quiser mostrá-lo e como estilizar o trecho para que ele corresponda ao seu modelo. Ele também discute por que você deseja incluir ou excluir um trecho de postagem.

Ver tutorial

11. Como usar o deslocamento de postagem para criar uma página de blog versátil

Este tutorial mostra como criar páginas de blog com vários módulos de blog e usar o deslocamento de postagem para controlá-los. O exemplo mostra como construir uma página de blog usando 3 módulos de blog e 2 módulos de controle deslizante de postagem em diferentes combinações para criar páginas versáteis. Ele mostra como evitar que eles exibam as mesmas postagens e como fazer com que exibam estrategicamente algumas das mesmas postagens.

Ver tutorial

12. Como usar um módulo de blog dentro de uma categoria ou página de arquivo

Este tutorial aborda como usar o módulo de blog em páginas de categoria e páginas de arquivo, para que exibam as postagens para essas categorias e arquivos. Ele mostra as configurações do módulo de blog, bem como as atribuições do modelo. Ele também descreve quais são as páginas de categoria e arquivo e discute as diferenças entre elas.

Ver tutorial

13. Como mostrar postagens do blog por categoria

Este tutorial mostra como usar o recurso de categoria no módulo de blog para mostrar postagens de categorias específicas. Ele discute por que você deseja mostrar categorias específicas e inclui vários exemplos de como isso pode ser usado. Ele mostra como atribuir um modelo a páginas de categorias específicas em combinação com as configurações do módulo de blog e como estilizar o módulo para corresponder ao seu modelo.

Ver tutorial

14. Como personalizar o botão “Leia mais”

Este tutorial se aprofunda sobre o link Leia mais que aparece sob o trecho da postagem nos cartões do blog. Abrange opções de alinhamento, como tornar o botão de largura total, criar um botão personalizado com efeitos de foco e como alterar o texto exibido. Inclui CSS personalizado, jQuery e um layout JSON para download.

Ver tutorial

15. Como alterar o número de colunas

Este tutorial mostra como controlar o número de colunas do blog usando CSS Grid. Normalmente, o layout de grade exibe no máximo 3 colunas. Com CSS Grid, você pode construir uma grade de blog responsiva com 5 colunas. Ele também discute por que você deseja usar CSS Grid e como as colunas CSS funcionam. CSS personalizado, um tutorial em vídeo, um arquivo JSON para download e dicas extras estão incluídos.

Ver tutorial

16. Como Projetar Cartões Flutuantes

Este mostra como fazer seus cartões de blog flutuarem na página para que estejam sempre visíveis com os rolagens do usuário. Você pode exibir as postagens populares e fazer com que elas deslizem pela lateral da tela quando o usuário passar o mouse sobre elas. O efeito é obtido apenas com as configurações internas do Divi. Inclui um arquivo JSON para download e um tutorial em vídeo.

Ver tutorial

17. Como adicionar paginação

Este tutorial se concentra na paginação no módulo de blog. Ele mostra como a paginação é usada e como ativá-la ou desativá-la para páginas com vários módulos de blog. Ele também mostra como estilizá-lo. O modelo de exemplo usa 4 módulos de blog para demonstrar quando usá-lo e quando não. Ele também o compara com a navegação de postagem para mostrar as diferenças. Um tutorial em vídeo também está incluído.

Ver tutorial

18. Entendendo a opção “Postagens para a página atual”

Este tutorial se aprofunda na opção “Posts for Current Page” dentro do módulo do blog. Ele discute o que a opção faz e como ela é diferente das categorias. Ele mostra exemplos usando um modelo de blog e atribuições de modelo no Divi Theme Builder. Os exemplos incluem atribuições para categorias e tags para criar páginas de arquivo e muito mais.

Ver tutorial

Reflexões finais em mais de 15 tutoriais incríveis do módulo de blog para Divi

Essa é a nossa visão de mais de 15 tutoriais incríveis de módulos de blog para Divi. Esses tutoriais têm uma variedade de habilidades e usos, e muitos deles incluem código personalizado e downloads. Passar por esses tutoriais é uma ótima maneira de aprender a usar o módulo de blog, criar páginas de blog e atribuí-las no Divi Theme Builder. Você até aprenderá um pouco de CSS ao longo do caminho.

Nós queremos ouvir de você. Você já usou algum desses tutoriais de módulo de blog para Divi? Deixe-nos saber qual é o seu favorito nos comentários.