Tudo o que você precisa saber sobre o construtor de loops do Divi 5

O Loop Builder é o recurso mais recente . Ele oferece uma nova maneira de criar feeds de blog personalizados, grades de produtos ou qualquer outro conteúdo dinâmico, tudo dentro do Divi 5 Visual Builder. Essa nova adição poderosa permite que os criadores criem conteúdo de loop com flexibilidade, transformando como exibimos postagens, produtos e outros tipos de postagens personalizados.

Nesta postagem, exploraremos os recursos do Loop Builder e forneceremos um guia passo a passo sobre como usá-lo. Vamos começar!

O que é o construtor de loops do Divi 5?

O Loop Builder no Divi 5 é um novo recurso que permite que os usuários do Divi criem e personalizem designs dinâmicos e de loop diretamente dentro do Visual Builder. Esteja você mostrando postagens no blog, produtos WooCommerce ou outros tipos de postagens personalizados, o Builder de loop da Divi 5 permite criar loops de conteúdo usando qualquer elemento Divi sem ser confinado a módulos estáticos e predefinidos.

Inscreva -se no nosso canal do YouTube

A vantagem do construtor de loops do Divi 5 está em sua liberdade. Você pode projetar layouts complexos com consultas personalizadas e estilizá -las com o conjunto completo de ferramentas de design da Divi. Isso significa que você pode criar tudo, desde feeds elegantes de blog a grades de produtos dinâmicos com controle completo, tudo dentro de uma interface sem código, arrastar e soltar

Principais recursos do loop construtor

O construtor de loops do Divi 5 possui recursos poderosos que o tornam uma ferramenta de destaque para criar loops de conteúdo dinâmico e personalizado. Veja mais de perto o que o torna tão versátil e fácil de usar:

1. Criação de loop flexível

Com o Loop Builder, você não está limitado a módulos predefinidos. Você pode alternar a opção Loop em qualquer elemento Divi, transformando -o em um loop de conteúdo dinâmico. Os loops permitem criar modelos personalizados usando o Visual Builder, dando a você a liberdade de criar layouts que correspondam à sua visão, desde grades minimalistas de blog até portfólios.

2. Opções de consulta personalizadas

O Loop Builder coloca você no controle de qual conteúdo exibir. Você pode personalizar loops por tipo de postagem, categoria, número de postagens ou meta -perguntas avançadas. Ele suporta totalmente os tipos de postagens personalizados (CPTs), como produtos Woo, eventos ou conteúdo filtrado pelo autor. Isso significa que você pode criar loops para praticamente qualquer tipo de conteúdo no seu site, sem escrever código ou usar plugins de terceiros.

3. Integração dinâmica de conteúdo

Puxe perfeitamente o conteúdo dinâmico em seus modelos de loop, incluindo títulos de postagens, imagens em destaque, trechos ou campos personalizados. O Loop Builder oferece suporte nativo ao ACF, incluindo campos de repetidor, permitindo exibir dados diretamente dentro de seus loops. Essa integração garante que seu conteúdo seja dinâmico e altamente personalizável.

4. Liberdade de design

Estilize seu conteúdo em loop com o Visual Builder para criar layouts exclusivos e atraentes, como grades, carrosséis ou controles deslizantes. Todo aspecto é totalmente personalizável, garantindo que seus loops se alinhem à sua marca.

Como funciona o construtor de loops

O construtor de loops do Divi 5 simplifica a criação de loops de conteúdo dinâmico, tornando -o acessível para iniciantes e usuários avançados. Antes de construir um loop, vamos revisar todas as configurações do construtor de loops do Divi 5.

Compreendendo as configurações de construtores de loops do Divi 5

O Loop Builder no Divi 5 permite criar seções dinâmicas em seu site buscando e exibindo vários tipos de conteúdo com base em seus critérios específicos. Vamos analisar cada configuração para entender melhor o que eles fazem e como usá -los.

Tipo de consulta

Esta é a escolha fundamental para o seu loop. Ele diz ao Divi 5 que conteúdo você deseja entrar no seu layout. Você pode escolher entre postagens, termos ou usuários. As postagens são conteúdo padrão, como postagens, projetos ou qualquer tipo de postagem personalizado que você tenha no seu site. Os termos se referem a categorias, tags ou taxonomias personalizadas. Por fim, os usuários permitem exibir informações sobre usuários em seu site, como autores ou colaboradores.

Tipo de postagem

Se escolher postagens para o seu tipo de consulta, essa configuração refina qual tipo específico de postagem você deseja exibir. Podem ser postagens, produtos, projetos, páginas ou qualquer tipo de postagem personalizado que você registrou, como receitas ou depoimentos.

Termos

Ao escolher os termos como tipo de consulta, essa configuração permite escolher quais categorias ou tags específicas você deseja fazer loop. Por exemplo, estes podem ser tags, formatos, categorias de projetos, tags de projeto ou um termo de taxonomia personalizado.

Usuários

Essa configuração permite filtrar quais funções do usuário você deseja incluir ao fazer loops. Exemplos incluem autores, colaboradores, editores e administradores.

Inclua postagens com termo específico

O Divi 5 permite que você ligue as postagens por meio de categorias e tags específicas, estreitando sua seleção de postagem para incluir apenas aqueles atribuídos a determinadas categorias ou tags.

Exclua postagens com termos específicos

Essa configuração faz o oposto da configuração acima. Ele remove as postagens do seu loop atribuído a categorias ou guias específicas. É útil para quando você deseja mostrar todas as postagens do seu blog, exceto as de uma determinada categoria.

Inclua postagens específicas

Se você estiver em loops, poderá incluir apenas postagens específicas, o que é excelente para apresentar postagens ou produtos de blog. Por exemplo, você pode criar uma seção de postagem em destaque na sua página de destino ou de destino e usar o Divi's Loop Builder para exibir apenas as postagens ou produtos que você deseja apresentar.

Excluir postagens específicas

Isso permite remover postagens individuais específicas do seu loop. É uma ótima maneira de impedir que certas postagens apareçam em um feed geral de postagens no blog, como se estiverem desatualizadas ou parte de uma promoção especial exibida em outras partes do seu site.

Ordem por

Isso determina a sequência na qual seus itens em loop aparecerão. Você pode classificar até a data de publicação, nenhum, identificação, título, nome de postagem, última data modificada, aleatória, autor ou contagem de comentários.

Postagens por página

Essa configuração controla quantos itens são exibidos dentro do loop em uma única página do seu conteúdo. Esta é uma boa maneira de mostrar um certo número de postagens ou produtos em uma página de pouso, portfólio ou arquivo.

Postagem Offset

Essa configuração permite pular vários itens desde o início do seu resultado de consulta. O deslocamento de postagem é incrivelmente útil para criar layouts exclusivos. Por exemplo, você pode ter uma grande postagem em destaque na parte superior (usando um módulo separado) e, em seguida, um loop que exibe o restante de suas postagens, começando no segundo.

Meta consulta

Meta consulta é a configuração em que o construtor de loops é poderoso para conteúdo personalizado. Ele permite filtrar seu conteúdo com base nos campos personalizados que você adicionou às suas postagens, termos ou usuários.

Meta -chave

Uma meta -chave é o identificador exclusivo para dados personalizados associados ao seu conteúdo. Esses dados são armazenados na tabela post_meta no seu banco de dados WordPress.

META VALOR

O valor da meta é o valor específico que você está procurando dentro do campo de meta -chave.

Comparar

Essa configuração define como o valor da meta deve ser comparado com o valor real armazenado no banco de dados para a meta -chave. As opções incluem iguais, não iguais, maiores que, maiores ou iguais, menores que, menos ou iguais, contém, não contêm, na lista, não na lista, o campo existe e o campo não existe.

Tipo

O tipo diz ao Divi como interpretar o valor da meta durante a comparação. É crucial para comparações precisas, especialmente com números ou datas. Você pode escolher entre personagem, numérico, binário, data, datetime, decimal, assinado ou não assinado.

Ao combinar essas configurações, você pode criar exibições de conteúdo altamente sofisticadas e dinâmicas em seus sites Divi, atraindo exatamente o conteúdo que desejar, na ordem que deseja e filtrou com precisão da maneira que desejar.

Criando um loop no Divi 5 (Grade de postagem no blog)

Adicione nova linha de 3 colunas

Comece adicionando uma linha de três colunas a uma página no Visual Builder.

Estilo a primeira coluna adicionando um raio de borda de 15px, preenchimento de 25px em todos os lados e uma borda de 1px sólida #000000.

Ativar loop na coluna

Em seguida, ative a alternância do elemento de loop nas configurações de conteúdo da primeira coluna.

Layout da linha embrulhando

Em seguida, precisaremos ativar a embalagem em nossa linha, para que os elementos caam para a próxima linha quando o espaço acabar. Navegue até a guia Design da linha, expanda o menu suspenso de layout e selecione Wrap em embalagem de layout .

Você pode ajustar a lacuna horizontal entre os elementos do loop em Layout> Gap horizontal.

Adicione o conteúdo do loop

Uma vez que essas configurações estiverem no lugar, podemos adicionar módulos ao nosso loop. Clique na primeira coluna para adicionar um módulo de imagem . Você notará que cada coluna adicionará automaticamente um espaço reservado para imagem.

Clique no ícone de conteúdo dinâmico nas configurações do módulo de imagem. Em seguida, selecione a imagem em destaque do loop das opções disponíveis.

Escolha o tamanho da miniatura no menu suspenso e clique em Aplicar .

Adicione um módulo de título abaixo do módulo de imagem na primeira coluna. Clique no ícone de conteúdo dinâmico e escolha o título da postagem de loop . Estilize o cabeçalho como você gostaria.

Em seguida, adicione um módulo de texto na primeira coluna do loop. Clique no ícone de conteúdo dinâmico e selecione o autor do loop.

Por fim, adicionaremos outro módulo de texto para o trecho de postagem. Depois de adicionado, clique no ícone de conteúdo dinâmico e selecione Trecho do loop .

Quando a caixa de diálogo aparecer, você pode definir qualquer texto antes e depois, a posição do loop e o número de palavras e ler mais texto.

Usando campos personalizados de loop

Para exibir campos personalizados em seu loop, você pode usar a integração do Divi 5 com os tipos e campos de postagem personalizados, incluindo os criados com campos personalizados Advanced (ACF). Por exemplo, criamos um tipo de postagem personalizado para livros usando ACF para que possamos exibir suas informações usando o Loop Builder.

No Visual Builder, selecione Post Type como o tipo de consulta e os livros como o tipo de postagem.

O construtor de loops do Divi 5 facilita a exploração de campos personalizados, aumentando a flexibilidade do seu conteúdo dinâmico. Ao usar o ACF, você pode acessar os campos personalizados do loop selecionando o ícone de conteúdo dinâmico em qualquer módulo compatível.

Uma das melhores características da integração do ACF da Divi 5 é como os campos são rotulados por conveniência. Ao selecionar um campo personalizado no menu de conteúdo dinâmico, o Divi exibe o rótulo do campo ACF (conforme definido no grupo de campo ACF) em vez de apenas a meta -chave. Isso torna a identificação e a seleção do campo correto intuitivo, especialmente ao gerenciar vários campos personalizados.

Por exemplo, se você possui um campo ACF chamado Gênero para um tipo de postagem personalizado para livros , poderá puxar esses dados em um módulo de texto para exibir o gênero dinamicamente dentro do seu loop.

Divi 5 suporta campos de repetidores do ACF

O Divi 5 permite exibir conjuntos de dados complexos e repetidos em seus loops. Primeiro, verifique se um campo de repetidor do ACF está configurado no ACF.

Adicione um módulo como o módulo de imagem à sua coluna Loop. Selecione o campo Custom LOOP nas configurações de conteúdo dinâmico e escolha o campo repetidor. O Divi exibirá os subcampos do repetidor, permitindo selecionar dados específicos, como o subcampo da imagem, para criar uma galeria dinâmica dentro do seu loop. Por exemplo, você pode criar uma vitrine de portfólio, onde cada imagem no loop exibe uma série de imagens de seu campo repetidor, estilizado como uma grade.

Loops de usuário e termos

O construtor de loops do Divi 5 também pode ser usado para fazer loop e termos. Para um loop de usuário, você pode criar uma vitrine de membro da equipe. Para conseguir isso, defina o tipo de consulta para os usuários , filtre por função e adicione módulos como um módulo de imagem para o avatar do usuário e um módulo de texto para o nome deles.

Para um loop de termos, você pode criar uma vitrine de categoria de projeto. Essa é uma ótima maneira de criar uma página de categoria para exibir diferentes projetos e suas categorias. Basta definir o tipo de consulta como termos , selecionar uma taxonomia e incluir termos específicos.

Se você deseja fazer loop postagens, projetos, categorias ou autores, o Loop Builder pode lidar com diversos tipos de conteúdo além das postagens, oferecendo inúmeras possibilidades criativas.

Benefícios do uso do construtor de loops do Divi 5

O construtor de loops do Divi 5 não é apenas um recurso. É uma ferramenta transformadora que facilita a criação de layouts dinâmicos. Aqui estão os principais benefícios que o tornam um must-have para os usuários do Divi:

• Flexibilidade: o Loop Builder oferece liberdade criativa, permitindo que você lote qualquer tipo de conteúdo usando qualquer elemento Divi, de linhas a controles deslizantes. Ao contrário dos módulos que o travam em layouts predefinidos, o Loop Builder oferece controle de design completo, permitindo layouts exclusivos sem sacrificar a criatividade.
• Eficiência: aumente seu fluxo de trabalho com modelos de loop reutilizáveis construídos diretamente no Visual Builder. Crie um modelo único, personalize sua consulta e estilo e aplique -a em várias páginas ou tipos de postagem.
• Integração nativa: o Loop Builder está incorporado ao Divi 5, oferecendo uma solução nativa e perfeita para exibições complexas de conteúdo.
• Suporte aprimorado do CPT: o Loop Builder suporta totalmente os tipos de postagens Woo, ACF e Custom, tornando -o ideal para sites complexos.

Construa sites dinâmicos com o construtor de loops do Divi 5

O Loop Builder no Divi 5 capacita os usuários da Divi a criar loops de conteúdo dinâmico e flexível para qualquer tipo de postagem ou taxonomia, desde postagens de blog e produtos Woo até tipos de postagens personalizados. Ele pode transformar qualquer elemento Divi em um loop personalizável, integrar perfeitamente com plugins de tipo de postagem personalizados como ACF e dar aos usuários controle de design completo dentro do Visual Builder. O Loop Builder redefine como o conteúdo dinâmico é exibido.

Incentivamos você a mergulhar no loop Builder, baixando o Divi 5 e a descobrir como ele pode elevar como você constrói sites com o Divi!