Como conectar categorias personalizadas com usuários

Inicialmente, vamos ver o resultado que queremos obter. Ao final deste tutorial saberemos como ajustar a listagem de usuários, incluindo categorias personalizadas.

resultados na grade de listagem

Lembre-se de que criamos e conectamos previamente o CPT e a taxonomia personalizada.

taxonomia anexada ao tipo de postagem

E também, construímos um glossário com habilidades para usar as opções posteriormente como metacampos para a relação futura.

glossário de motores a jato construído

Crie uma relação

Vamos adicionar uma relação WordPress . Vá para Painel WordPress> JetEngine> Relações e clique no botão “ Adicionar Novo ”.

lista de relações jetengineDê um nome à relação e defina o objeto Pai e o objeto Filho .

Agora “Usuários” será o pai e a taxonomia “Habilidades” será o objeto filho.

Além disso, lembre-se de selecionar o tipo de relação “Muitos para Muitos” . 

relação usuários e habilidadesVocê pode ajustar outros campos na seção Configurações Gerais, se necessário. Por exemplo, deixamos os controles Register para o objeto pai e os controles Register para alternar objetos filho ativados.

configurações de controles de relacionamentoEm seguida, passamos para a seção Etiquetas e alteramos os valores padrão. Embora você possa deixá-los sem alterações.

rótulos de relação de motores a jatoPrecisamos adicionar um metacampo à relação na seção de mesmo nome pressionando o botão “ Novo Campo ”.

botão de novo campo de metacampos de relaçõesCriamos um metacampo do tipo Campo “Rádio” com o glossário como fonte. 

Para definir o glossário, ative a opção Obter opções do glossário e selecione o Glossário necessário . Por exemplo, o nosso é “Nível”.

Feitos os ajustes, pressione o botão “ Adicionar Relação ”.

metacampos adicionados à relação

Adicionar informações aos usuários

Vá para Painel do WordPress > Usuários e pressione o botão “ Editar ” ao lado do usuário desejado.

lista de usuários wordpressRole para baixo até a seção com a relação necessária. Clique no botão “ Conectar habilidades ” (o nome muda dependendo do nome do objeto filho e dos rótulos de relação).

adicionar habilidades à seção do usuárioAgora escolha a opção necessária na lista suspensa disponível e clique no botão “ Conectar habilidades ”.

conectar habilidades relacionadasVocê pode definir os metadados para a habilidade (termo) selecionada anteriormente.

Não se esqueça de pressionar o botão “ Salvar metadados ”.

editar metacampos para itens relacionadosTrabalhe em outros campos, se necessário, e clique no botão “ Atualizar usuário ” no final da página.

Adicione metadados a todos os usuários necessários seguindo as etapas descritas acima.

Exibir dados na listagem

Agora precisamos criar uma lista de termos para exibir as habilidades dos usuários.

Navegue até o diretório WordPress Dashboard > JetEngine > Listings . Escolha uma listagem já construída para edição ou clique no botão “ Adicionar novo ”.

listando itens motor a jatoNo pop-up exibido, selecione a fonte “Termos” , preencha o nome do item da listagem e escolha a visualização da listagem necessária . Analisaremos Elementor e Gutenberg.

Pressione o botão “ Criar item de listagem ” para abrir o editor.

fonte de listagem de termos

Crie uma listagem no Elementor

Adicione o widget Campo Dinâmico para exibir o nome do termo relacionado ao usuário. Escolhemos a fonte “Post/Term/User/Object Data” e o campo de objeto “Term name” desta vez.

termo nome campo dinâmicoE adicione mais um Dynamic Field . Este widget mostrará o nível do usuário (metadados). 

Escolha a fonte “Metadados de relação” e encontre a opção “Nível de habilidade”. “Nível de Habilidade” é o nome da relação Meta Campo .

Agora você pode trabalhar em outras configurações e pressionar o botão “ Publicar/Atualizar ” quando terminar.

campo dinâmico de nível de habilidadeEm seguida, vá para Painel do WordPress> JetEngine> Listagens novamente e crie mais uma listagem, desta vez a fonte da listagem “Usuários” .

fonte de listagem de usuáriosAdicione os widgets desejados para exibição. Por exemplo, adicionamos um widget de imagem dinâmica para mostrar a foto do usuário e um campo dinâmico para o nome do usuário.

listagem com widgets dinâmicos no elementorEm seguida, encontre o widget Listing Grid e coloque-o na página. Selecione a listagem recém-criada . Não se preocupe; ficará vazio até que você não defina uma consulta.

listagem de termos na listagem de usuáriosVocê pode abrir o diretório WordPress Dashboard > JetEngine > Query Builder para criar uma nova consulta .

lista de consultas do jetengine e adicionar novo botãoPreencha o campo Nome e selecione “Consulta de Termos” como Tipo de Consulta .

consulta de termos no construtor de consultasRole para baixo até a guia Geral e selecione Taxonomia .

aba geral da consulta de termosAbra a seguinte guia Incluir/Excluir e pressione o botão Tags dinâmicas para definir a macro “Itens relacionados”. Em seguida, ajuste as informações do procedimento, selecione o item necessário como opção Da relação , “Objeto filho” como Do objeto e “ID do objeto atual” como ID do objeto inicial de .

Pressione o botão “ Adicionar consulta ”.

incluir ou excluir guia da consulta de termosRetorne à lista “Usuários” e vá para a seção Consulta Personalizada . Aqui, ative a opção Usar consulta personalizada e escolha o item de consulta personalizada criado .

consulta de termo personalizado ativadaTudo será exibido agora. Ajuste a listagem conforme desejado e pressione o botão “ Publicar/Atualizar ”.

Crie uma listagem no Block Editor

As mesmas configurações estarão disponíveis se você escolher “Gutenberg” como visualização de listagem . 

Lembre-se de criar listagens de “Termos” e “Usuários” com a ajuda de blocos com o mesmo nome.

E também, use a consulta criada anteriormente.

listagem de usuários em gutenbergLembre-se de pressionar o botão “ Publicar/Atualizar ” para salvar a listagem.

Colocar listagem na página

Abra Painel do WordPress > Páginas e selecione a página para edição. Ou crie um novo clicando no botão “ Adicionar novo ”.

A nova página também pode ser construída com Elementor Page Builder ou Gutenberg.

Widget de grade de listagem no Elementor

Arraste e solte o widget Listing Grid na página. Escolha a listagem criada no campo  Listagem .

Agora que tudo é exibido, você pode salvar as alterações clicando no botão “ Publicar/Atualizar ”.

listagem de usuários no elementor

Listagem do bloco Grid em Gutenberg

Encontre o bloco Listing Grid e coloque-o na página. Selecione a listagem que você criou anteriormente no campo Listagem .

Pressione o botão “ Publicar/Atualizar ” para salvar a página.

grade de listagem de usuários em gutenberg

O resultado é exibido; agora você sabe como conectar categorias e metadados personalizados aos usuários e mostrá-los com o Listing Grid do plugin JetEngine .

Índice