Introdução ao construtor de loops para divi 5

Hoje, introduzimos o Loop Builder Divi 5, que permite construir conteúdo em loops e baseado em termos usando qualquer elemento Divi.

O construtor de loops da Divi é único em sua liberdade; Você pode fazer qualquer coisa sem ser restrito a um módulo ou contêiner de loop estático. Crie seu elemento de loop e personalize sua consulta usando várias opções convenientes e meta -perguntas.

Ele suporta tipos de postagens personalizados, incluindo WooCommerce, campos personalizados criados com ACF e até campos de repetidores do ACF.

É um recurso incrível!

Confira o vídeo a seguir para ver o novo recurso em ação.

Loop qualquer coisa

Primeiras coisas primeiro: o que é um construtor de loop? Simplificando, é uma ferramenta que permite exibir um loop de conteúdo do banco de dados do seu site (como postagens, produtos, categorias e autores) e personalizar o design de cada item no loop.

Isso permite que você crie conteúdo baseado em pós, como feeds de blog personalizados, listas de produtos, calendários de eventos, listas de cursos, páginas de categoria e tudo mais!

1. Primeiro, crie um modelo para os itens em loop usando elementos Divi e configurações de design.
2. Em seguida, personalize a consulta que controla o conteúdo no loop (número de postagens, tipo de postagem, categoria etc.).
3. Por fim, conecte o conteúdo dinâmico do loop no seu modelo (título da postagem, imagem em destaque, trecho etc.).

Antes de entrar nos detalhes, deixe -me dar exemplos do que você pode criar usando o novo Loop Builder da Divi.

Exemplo #1: Feed de blog personalizado

Veja o lindo feed de blog no vídeo abaixo. Você estará familiarizado com um loop de postagem no blog porque é essencial para o WordPress e algo apresentado pelo módulo do blog Divi, mas este exemplo não é um módulo de blog; É um loop personalizado.

Eu construí meu modelo de blog usando elementos Divi e configurações de design. Em seguida, liguei o loop para a coluna que contém meus elementos de conteúdo e optei por dar um loop através das postagens. A coluna é repetida, com cada instância representando uma postagem no loop.

Por fim, conectei o conteúdo dinâmico do loop, como o ladrilho post e a imagem, para que cada item no loop exiba seu conteúdo exclusivo. Você pode fazer isso para qualquer tipo de postagem para criar qualquer tipo de conteúdo baseado em pós.

Exemplo #2: Produtos WooCommerce em destaque

Neste exemplo, criei um loop de produtos WooCommerce em destaque para minha página inicial. O modelo foi construído usando módulos e grupos dentro de uma coluna looped dentro de uma linha.

Eu personalizei a consulta para mostrar produtos específicos que eu queria apresentar.

Exemplo #3: Calendário de eventos

Criei um loop dos próximos eventos do plug -in do Calendário de Eventos neste exemplo. O Divi's Loop Builder oferece total liberdade para projetar seu elemento de loop, para que você possa ser criativo com o design de seus loops, especialmente com o sistema de layout do Flexbox da Divi 5.

Você também pode explorar qualquer campo personalizado (pós -meta) para qualquer tipo de postagem. Nesse caso, eu poderia usar o preço do evento e os campos de data.

Exemplo #4: LMS Course Slider

Você pode até fazer os sub-itens do módulo como um slide dentro de um controle deslizante.

O slide de loop no vídeo abaixo exibe cursos apresentados do Tutor LMS.

A Divi teve o conceito de módulos pós-baseados, como os módulos de slider e blog, mas com conteúdo dinâmico e o novo construtor de loops da Divi, qualquer elemento pode ser transformado em um loop dinâmico.

Exemplo #5: Página da categoria WooCommerce

Você também pode percorrer os termos e usuários.

Neste exemplo, criei uma página de produto de nível superior que atravessa todas as categorias de produtos WooCommerce.

Cada item no loop é uma categoria e não uma postagem. O título da categoria do produto e a imagem em destaque são extraídos dinamicamente dos termos meta.

Exemplo #6: Autores de blog

No exemplo de vídeo abaixo, fiz uma página com todos os autores do nosso blog.

Ele atravessa todos os usuários com a função de autor e exibe seu nome, Avatar e Bio.

Explorando opções de loop de consulta

Vejamos as opções de consulta do Loop Builder que controlam quais postagens aparecem em um loop. Você pode escolher qual tipo de postagem para loop, filtrar postagens por categorias e tags, filtrar postagens específicas ou criar meta personalizadas para direcionar conteúdo específico. Você também pode controlar o pedido e o deslocamento pós.

• Tipo de consulta - Escolha o que você gostaria de fazer, sejam postagens, termos ou usuários.
• Tipo de postagem - Se você estiver em loops, poderá escolher qual tipo de postagem para fazer loop, como postagens de blog, produtos WooCommerce, projetos divi, etc.
• Termos - se você estiver em loop, poderá escolher qual termo fazer loop, como categorias e tags.
• Usuários - Se você estiver em loop, poderá escolher qual função dos usuários loop, como autores ou colaboradores.
• Inclua postagens com termos específicos - se você estiver em loops, você poderá optar por fazer apenas postagens de categorias e tags específicas.
• Exclua postagens com termos específicos - você também pode excluir postagens de categorias e tags específicas do seu loop.
• Inclua postagens específicas - se você estiver em loops, poderá incluir apenas postagens específicas em seu loop, o que é excelente para apresentar postagens ou produtos de blog.
• Exclua postagens específicas - você também pode excluir postagens específicas do seu loop.
• Encomende - Ordenha seus itens em loop, ascendendo ou descendentes.
• Postagens por página - Escolha quantos itens em loop devem aparecer em cada página.
• POST OFFSET - Exiba apenas todos os n itens. Isso permite que você crie vários loops através da mesma consulta, cada um com um conjunto exclusivo de postagens e design.
• Meta consulta - Crie consultas personalizadas para filtrar seu loop usando qualquer meta -chave post.
  • Meta -chave - a meta -chave na tabela post_meta.
  • META VALUE - O valor do item com a meta -chave específica.
  • Compare - Depois de consultar uma meta -chave específica, você pode escolher como comparar o valor para afetar a consulta (é igual a, é maior que, etc.).
  • Tipo - o tipo de valor que está sendo comparado, como número, data, hora, etc.

Suporte personalizado de campo e tipo de postagem

O Divi's Loop Builder suporta campos personalizados de duas maneiras. Em primeiro lugar, você pode usar as consultas meta personalizadas para exibir conteúdo específico em seu loop com base nos dados das postagens na tabela post_meta, que inclui todos os dados de campo personalizados. Em segundo lugar, você pode exibir dados da tabela WP_POSTMETA, como dados de campo personalizados, como conteúdo dentro do seu modelo de loop.

Suporte para campos personalizados avançados (ACF)

O Divi's Loop Builder suporta campos personalizados criados usando campos personalizados Advanced (ACF). Ao selecionar um campo personalizado, você encontrará todos os campos do ACF na parte superior, que são rotulados com seus nomes de campo associados.

Suporte para campos de repetidores do ACF

O Divi's Loop Builder também suporta campos de repetidores da ACF. Se você usou o ACF para criar um loop de consulta, pode selecioná -lo no menu do tipo de consulta e tudo se encaixará.

Tente divi 5 hoje

O Loop Builder for Divi 5 está disponível hoje e é um dos muitos recursos que chegam ao Divi este ano.

Você pode acompanhar à medida que avançamos no lançamento final do Divi 5 e além, com atualizações a cada duas semanas. Dependendo de suas prioridades, você pode usar o Divi 5 agora para criar novos sites ou esperar até adicionar mais recursos, o que funciona melhor para você.

Conforme descrito no cronograma de lançamento multifásico original do Divi 5, o Divi 5 Public Alpha é como "Divi 5 Lite". Está faltando alguns recursos e pode não ser adequado para sites existentes, mas está pronto para ser usado em novos sites, se você preferir a experiência do Divi 4.

Queremos que você experimente e, se você gosta, use -o; Quando todo mundo adora, vamos tornar -o oficial.

Você já experimentou o FlexBox?

Caso você tenha perdido, lançamos recentemente o novo sistema de layout baseado em Flexbox para o Divi 5.

Esta não é uma atualização menor. Ele reinventa o Divi, permitindo que você construa qualquer estrutura de layout, incluindo quebra de layout responsiva, pedidos de módulo personalizado, fácil alinhamento vertical e posicionamento de elementos e muito mais. Nenhuma pedra foi deixada sobre o uso, nenhuma opção foi esquecida - nós fizemos tudo e é o melhor da sala de aula. Há um link na descrição do vídeo para saber mais.

Assista a este vídeo para todos os detalhes.

Mais atualizações do Divi 5 estão a caminho

2025 é o ano do Divi 5 . O trabalho tedioso está para trás. Construímos a fundação super-rápida e agora é hora de o Divi voltar.

Se você estiver aqui para o retorno do Divi, faça um grande favor e informe -nos curtindo este vídeo e deixando um comentário. Significa muito para nós ver você torcendo dividindo, e é essencial alimentar o algoritmo e espalhar a palavra.

Não se esqueça de nos seguir no YouTube e assinar o boletim informativo Divi para que você nunca perca uma atualização. Vejo você em breve para outro anúncio do Divi 5, que eu prometo que estará ao virar da esquina.