Usando o módulo do blog vs Divi 5's Loop Builder

O módulo do blog é o gerador de alimentação interno da Divi que funciona fora da caixa. Ele oferece uma maneira rápida de listar postagens com alternativas para títulos, imagens, trechos e metadados.

O novo construtor de loops do Divi 5 adota uma abordagem diferente. Você cria o item com qualquer módulo e alimenta o conteúdo dinâmico nele. Ambas as ferramentas exibem conteúdo em loop, mas cada uma brilha em diferentes cenários. Saber quando usar o que economiza tempo e evita a frustração. Vamos comparar os dois.

Inscreva -se no nosso canal do YouTube

Mini Glossário

Este é um breve conjunto de termos para iniciantes que são novos no conceito de um construtor de loop:

• Tipo de postagem personalizado (CPT): um tipo de conteúdo personalizado, como produtos ou cursos. Ele se comporta como postagens, mas pode ter seus próprios campos únicos.
• Campo personalizado: um campo que você adiciona a uma postagem, página ou CPT. Exemplos para um menu de alimentos podem incluir preços, classificação, declarações de glúten/alergia e níveis de tempero.
• Campo de repetidor: um campo que armazena uma lista de itens dentro de postagens individuais. Pense em sub-listas que podem ser válidas para uma peça de conteúdo personalizada.
• Plugins de campo: o ACF é a escolha comum, mas pods , meta Box , ACPT e Toolset também funcionam.

Se você se perder em alguns detalhes, consulte o glossário. Mas vamos simplificar as coisas para você ao longo do caminho.

Exibindo feeds simples de postagem e postagem com o módulo do blog

O módulo do blog é construído para padrões de blog reconhecíveis. Ele assume elementos comuns e permite alternar o que mostra, mantendo a configuração rápida e as decisões simples.

Pense em como as postagens do blog funcionam no WordPress. Cada postagem compartilha certos elementos comuns que o tornam reconhecível como conteúdo do blog. Essas características compartilhadas incluem:

1. 1. Título de postagem
   2. Imagem em destaque
   3. Publique conteúdo
   4. URL Slug
   5. Autor
   6. Categorias
   7. e mais

O módulo do blog foi projetado com postagens tradicionais em mente. Os títulos dizem o que a postagem cobre. Imagens em destaque adicionam desenho visual. Trechos visualizam o conteúdo. Metadados diz quem escreveu e quando.

O módulo de blog da Divi é sincronizado com esses elementos automaticamente. Você o solta na página e escolhe o que mostrar. O feed aparece sem trabalho de consulta personalizado (a menos que você queira limitar o que está sendo mostrado, nesse caso, existem ferramentas de consulta integradas).

A abordagem de alternância torna as mudanças indolentes. Você pode ocultar o autor, mas manter a data, mostrar a imagem ou pular o trecho. Pequenas decisões produzem resultados rápidos.

Tipos de postagem personalizados: limitado, mas funcional

O módulo do blog pode exibir postagens normais e registrar corretamente os tipos de postagens personalizadas.

O módulo do blog funciona bem quando o CPT reflete os campos de postagem padrão. Torna -se limitante quando você precisa de dados personalizados verdadeiros. Portanto, um membro da equipe CPT funciona quando as coisas são mantidas simples.

• O nome mapeia o título.
• Um tiro na cabeça/avatar mapeia a imagem em destaque.
• Uma biografia mapeia para o conteúdo.

O módulo do blog lida com essa situação com facilidade.

Campos personalizados

As limitações aparecem com os campos que as postagens padrão não compartilham.

Links sociais, certificações ou anos de experiência não aparecerão no módulo do blog porque foi criado para os campos padrão encontrados nas postagens padrão do WordPress. O módulo não tem alternância para esses campos personalizados.

Layouts personalizados

O controle de layout também é ligeiramente restrito; O módulo inclui elementos dentro de uma estrutura fixa em uma ordem fixa. Você não pode reordenar o título e a imagem, a menos que use o CSS personalizado. Você pode gerenciar o layout de cada placa de blog via Flexbox ou Block, mas os itens filhos (os cartões) não têm configurações de dimensionamento para o controle de Flexbox Child (como encolher para caber ou crescer para preencher).

O módulo do blog é excelente e rápido de usar para layouts de cartão padrão. Se você tiver um bug criativo, poderá estar procurando algo mais personalizado.

Tipos de postagem personalizados + campos personalizados usando loop construtor

O Divi's Loop Builder oferece uma abordagem diferente para exibir conteúdo dinâmico. Em vez de trabalhar dentro das restrições de um único módulo com elementos predeterminados, o Loop Builder permite construir sua exibição de conteúdo a partir de módulos Divi individuais dispostos exatamente como você os visualiza.

O uso do construtor de loops exige mais pensamento e preparação, mas você não será limitado da maneira que estava no módulo do blog. Com o módulo do blog, você trabalha dentro das restrições existentes e faz o melhor das opções predeterminadas. Com o Loop Builder, você começa com uma tela em branco e constrói exatamente o que precisa usar qualquer combinação de módulos Divi.

Como o construtor de loops funciona

O Loop Builder não é um único módulo. É um recipiente com os módulos escolhidos dentro dele. Quando o contêiner está definido como "Loop", ele se repete para cada resultado correspondente. Dentro do contêiner, você pode colocar módulos de imagem, título, texto e botão.

Você vincula o conteúdo de cada um desses módulos ao token correto. A interface do usuário da Divi torna isso bem simples. A imagem aponta para a imagem em destaque. O cabeçalho aponta para o título. O botão links para o URL da postagem.

Essa abordagem modular fornece estrutura e controle de espaçamento. Você pode colocar imagens acima ou ao lado dos títulos. Você também pode adicionar dois blocos de texto para dois campos personalizados. Dessa forma, você pode criar o cartão necessário, não um cartão pré-configurado por meio de um módulo.

Exemplos com tipos de postagens personalizados e campos personalizados

Vamos fazer este concreto com alguns cenários rápidos. Manteremos o padrão e trocaremos os campos. Vamos usar o design do cartão do nosso exemplo anterior e ver como ele pode ser adaptado usando tipos de postagem personalizados e campos personalizados.

Primeiro, construa um loop personalizado para postagens padrão do blog. Use o Stand Posts 'Post Type' com os campos padrão para título, categoria, data de publicação e imagem de recurso. Mapeie cada um para o respectivo módulo em seu design. Eles usam campos post padrão, mas são organizados em um layout exclusivo.

Podemos fazer algo semelhante para algumas listagens imobiliárias simples. Usando o mesmo layout de cartão, podemos preencher o conteúdo do nosso tipo de postagem personalizado com o título atribuído ao título da propriedade, módulos de texto atribuídos a quartos, banheiros e descrição da propriedade e um botão ligado ao URL de listagem de propriedades.

O resultado final se parece com o nosso cartão de blog, mas usa a capacidade do construtor de loop de atribuir conteúdo de campos personalizados e tipos de postagens personalizados.

Toda essa conversa sobre CPTs, como você faz isso? Os campos personalizados avançados (ACF) são a escolha preferida aqui. Pods, Meta Box, ACPT e Toolset também criam campos que o Loop Builder pode ler. Use o que se encaixa no seu orçamento, experiência e empilhamento.

Uma nota para sites imobiliários : você desejará usar um plug -in dedicado que retire as listagens de um IDX no WordPress como um CPT. Dessa forma, você tem novos dados e trabalho manual mínimo (ninguém quer inserir manualmente as propriedades todas as manhãs).

Flexbox para layouts personalizados

O Flexbox combina naturalmente com o loop Builder. Você pode usá -lo em dois níveis para uma estrutura limpa e responsiva sem CSS personalizada.

Primeiro, estilize o contêiner de loop externo . Selecione o contêiner de loop pai. Ligue o layout flex. Defina a direção para a linha. Habilite o envoltório se quiser várias linhas flexíveis. Defina a lacuna para controlar o espaçamento entre os itens. Em seguida, ajuste o dimensionamento do recipiente infantil, onde o seu loop fica usando as opções de dimensionamento. Você pode criar um layout responsivo e atraente para os elementos em loop entre os controles flexíveis do contêiner e os controles FLEX Child.

Segundo, estilize o layout do cartão interno . Selecione o contêiner raiz dentro do item de loop (o módulo de coluna ou grupo, por exemplo). Nas opções de layout , defina a direção flexível para remar se desejar alguns elementos lado a lado. Defina a largura do módulo de imagem para ocupar cerca de metade do espaço no contêiner. Deixe a área de texto (neste caso, um contêiner de grupo com vários módulos dentro) preencha o resto (cresça para preencher as opções de dimensionamento do módulo de grupo).

Você pode organizar os vários contêineres ou módulos da maneira que desejar. Você não está trancado em um layout pré -configurado. Aqui colocamos o título no grupo esquerdo e definimos o grupo certo para a coluna flexível. Isso nos dá uma mudança sutil, porém única de layout. Realmente não há escassez de possibilidades.

Escolhendo a ferramenta certa para o seu projeto

É menos sobre recursos brutos e mais sobre encontrar o ajuste certo. Escolha o caminho mais rápido que atenda ao requisito. Alterne as ferramentas quando a necessidade mudar. Às vezes, o módulo do blog faz o truque, mas você tem um pivô forte com o construtor de loops quando não o fizer.

Quando o módulo do blog é ideal

Alcance o módulo do blog quando o conteúdo segue padrões de postagem padrão. O título, a imagem em destaque, o trecho e a meta básica são o seu ponto ideal. Sites básicos de notícias, atualizações da empresa e portfólios simples se qualificam. Os visitantes esperam um layout convencional e você pode querer uma solução confiável com uma configuração mínima.

Com o módulo do blog, você pode enviar um feed de trabalho em minutos. Menos partes móveis também significam menos chances de quebrar as coisas (ou ficar confusas).

Usuários não técnicos que ainda podem se perder no conceito de "loop" ainda dependerão muito do módulo do blog. É uma ótima ferramenta e deve ser absolutamente usada.

Quando o construtor de loop se torna essencial

Use o Loop Builder quando precisar de campos que as postagens não possuem ou quando a estrutura do seu cartão não corresponde a um padrão de estoque. O comércio eletrônico, imóveis e educação são indústrias típicas que tendem a precisar de mais personalização. Cada um precisa de detalhes que vivem em campos personalizados. Quando você está trabalhando com mais conteúdo ou mais tipos de conteúdo, os layouts tendem a precisar de mais flexibilidade.

Use o Loop Builder quando os relacionamentos de conteúdo ficarem complexos. Pode ser necessário misturar tipos de postagem em uma visualização e mostrar conteúdo de repetidores.

Construa seu próprio layout do módulo de blog com o Divi 5

O módulo de blog da Divi ainda é a maneira mais rápida de enviar um feed padrão. O Loop Builder desbloqueia cartões personalizados, campos personalizados e repetidores. O construtor de loops também pode ser personalizado e moldado no layout e design exatos que você tem em mente, enquanto o módulo do blog tem algumas limitações lá.

A melhor parte dessa decisão é que você pode manter o seu kit de ferramentas e escolher com base no trabalho. O Divi 5 está se unindo e é mais poderoso (e estável) do que nunca. Se você não o usou, experimente no seu próximo site. A versão beta pública está ao virar da esquina, e isso significa que os sites Divi existentes estão próximos de fazer o aproveitamento para testar as migrações dos sites existentes.

Baixe o divi 5 Learn mais sobre o divi 5