Como criar listagens aninhadas

Adicionar imagens às categorias

Existem duas maneiras de adicionar uma imagem à categoria: o campo Imagem em destaque padrão ou o metacampo de mídia personalizado . 

Vá para WordPress Dashboard > JetEngine > Meta Boxes e crie Custom Meta Box para sua Taxonomia personalizada ou padrão . Selecione o tipo de campo “Mídia” e o formato do valor “ID de mídia” .

campo de mídia de categoriaNavegue até Painel WordPress > JetEngine > Taxonomias.

Se você trabalha com Taxonomia Personalizada, edite-a e crie um novo metacampo de mídia.

Ou, se você lidar com a taxonomia padrão ou criada por meio de outro plug-in, poderá ativar o botão de alternância integrado no canto superior direito para encontrar a taxonomia necessária. Em seguida, pressione o botão “ Editar ” e adicione o campo.

alternância integradaAgora você está pronto para fazer upload de mídia. Encontre a taxonomia e edite as categorias onde você precisa de imagens. Faça upload de imagens para o campo de imagem e salve as alterações.

upload de campo de mídia

Criar lista de termos

Navegue até JetEngine > Listagens > Adicionar novo e criar listagem de termos . 

Adicione um widget de imagem dinâmica e selecione seu campo de mídia no campo suspenso Fonte .

configurações de widget de imagem dinâmicaSe for uma imagem em destaque, encontre o campo metacampo/chave de repetidor personalizado e cole o valor “ miniatura_id” , é uma chave de campo de imagem em destaque.

campo meta personalizado de ID de miniatura para imagem dinâmicaVerifique outras configurações de widgets e ajuste algumas, se necessário. Você pode ativar a opção Imagem vinculada , alterar o alinhamento e usar a guia Estilo para personalizar sua listagem de termos.
Você pode adicionar o conteúdo desejado além da mídia com o Campo Dinâmico , Link Dinâmico ou outros widgets. Salve as alterações pressionando o botão “ Publicar/Atualizar ”.

Criar consulta de termos

Aviso

Se adicionarmos a listagem de Termos à listagem de Postagens como está, ela mostrará todas as categorias em cada postagem. Então, vamos preparar a consulta primeiro.

Vá para WordPress Dashboard> JetEngine> Query Builder e pressione o botão “ Adicionar Novo ”. Nomeie a consulta e selecione o tipo de consulta “Consulta de termos” .

termos consultam taxonomia em configurações geraisNa guia Geral, escolha o nome da sua taxonomia e vá para o campo Object/Post IDs . Clique no ícone Dynamic Tag e selecione a opção “Current ID” na lista exibida. 

Assim, especificamos IDs de postagem para obter as categorias. No nosso caso, ID do post atual. Salve as alterações e feche a consulta.

macro de id atual no campo de IDs de postagem do objeto

Inserir listagem aninhada

Abra o diretório JetEngine > Listings e crie ou edite a listagem Posts . Encontre o widget Listing Grid na área do editor Elementor. 

No campo Listagem da guia Geral , comece a digitar o nome da listagem dos Termos e selecione-o.

Vá para a guia Consulta personalizada, ative o seletor Usar consulta personalizada e escolha sua consulta de termos no campo Consulta personalizada . Altere o número de colunas, se desejar. Ajuste as configurações do widget Listing Grid se necessário e salve o resultado.

configurações de consulta personalizadas no widget de grade de listagemLembre-se de que você pode adicionar outras condições de consulta, como mostrar apenas categorias pai ou filho, usando a macro dinâmica “ID Atual” na guia Pai/Filho. Você também pode adicionar condições de pedido. Você pode até consultar para mostrar categorias com valores de metacampo específicos.

Verifique o resultado

A última etapa é adicionar o widget de listagem de postagens à página necessária.

resultado no front-end
No caso descrito, é uma listagem de postagem relacionada , portanto, uma consulta relacionada é adicionada. Sinta-se à vontade para passar por esta etapa se tiver outra configuração. 

Lembre-se de que o fluxo de trabalho é o mesmo para outros tipos de listagem. Agora você sabe como usar listagens aninhadas e mostrar o conteúdo da categoria na listagem Postagens.

Índice