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” .
Navegue 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.
Agora 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.
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 .
Se 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.
Verifique 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
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” .
Na 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.
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.
Lembre-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.
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.