Como exibir vários tipos de CPT em um widget de grade de listagem

Criar metacaixa

Vá para WordPress Dashboard > JetEngine > Meta Boxes e clique no botão “ Adicionar Novo ”. 

Vá para a guia Condições de visibilidade e selecione os tipos de postagem necessários no campo Habilitar para tipos de postagem .

habilitar para campo de tipos de postagemAdicione os metacampos que deseja exibir no item de listagem na guia Metacampos correspondente.

lista de metacamposDepois de criar a metacaixa, preencha esses campos obrigatórios nos tipos de postagem selecionados.

meta box na postagem

Adicionar consulta 

Agora você precisa criar uma Consulta para a listagem futura. Vá para WordPress Dashboard> JetEngine> Query Builder e pressione o botão “Adicionar novo” .

lista de consultas do construtor de consultasInsira o nome da consulta e selecione o tipo de consulta “Consulta de postagens” .

Vá para a seção Consulta de postagens . 

Na guia Configurações gerais , encontre o campo Tipo de postagem e escolha vários tipos de postagem que você selecionou ao criar a metacaixa.

tipos de postagem selecionados na consulta de postagem

Exibir postagens por meio do widget de grade de listagem

Criar item de listagem do construtor de consultas

A próxima etapa é criar um item de listagem para a consulta. Para fazer isso através do Dashboard do WordPress, vá em JetEngine > Listagem e pressione o botão “ Adicionar Novo
”. No pop-up exibido, selecione a fonte da listagem “Query Builder” e escolha a consulta necessária no menu suspenso. Clique no botão “ Criar item de listagem ” .

pop-up de listagem do construtor de consultasPara uma listagem, você precisa usar widgets dinâmicos, como Dynamic Field e Dynamic Image .

Escolha a fonte “Meta Data” e, no menu suspenso Meta Field , escolha o nome do campo que você criou na meta box.

fonte de metadados de campo dinâmicoFaça ajustes de estilo no item da listagem. Ao terminar, clique no botão “Atualizar” .

Adicionar widget de grade de listagem

Abra a página necessária no Elementor Page Builder. Adicione o widget Grade de listagem e selecione o item de listagem necessário no menu suspenso Listagem .
Saiba mais sobre esse recurso na visão geral da funcionalidade Listing Grid . Além disso, você pode personalizar as opções de conteúdo e estilo do widget aqui mesmo.

listagem de grade no elementorSalve todas as atualizações e verifique como funciona no seu site. Temos três tipos diferentes de postagem personalizada: Filmes, Livros e Propriedades. Eles estão localizados em uma grade de listagem com o mesmo design.

listando o resultado da grade no front end

Isso é tudo. Agora você sabe como exibir vários tipos diferentes de postagens personalizadas em uma listagem.

Índice