Como filtrar os itens de postagem relacionados em Gutenberg

Para aprender como criar relações entre tipos de postagens, vá para o tutorial Como criar relacionamentos entre postagens .

Vamos supor que você queira filtrar as postagens dos filhos por seus pais relacionados. Você também pode criar um filtro WordPress que funcione e vice-versa. No entanto, vamos nos ater à primeira opção. 

Vá para Filtros Inteligentes > Adicionar Novo para criar um novo filtro. 

Dê um título ao filtro e defina seu Filter Label e Active Filter Label .

Vá para as configurações de filtro e selecione um tipo de filtro que deseja exibir na página.

Por exemplo, escolhemos um tipo de filtro Selecionar e novas opções de configuração aparecem.

Defina se o filtro será hierárquico ou não habilitando o botão É hierárquico .

A seguir está o menu suspenso Fonte de dados . Entre todas as opções disponíveis, selecione “Postagens”.

Uma vez feito isso, especifique o tipo de postagem desejado no campo Tipo de postagem .

Além disso, lembre-se de alterar as seguintes configurações, se necessário.

Altere o espaço reservado exibido por padrão no filtro, deixe o alternador Is Checkbox Meta Field (Jet Engine) desativado, pois você não filtra os dados do metacampo Checkbox. Além disso, decida se deseja usar o campo Excluir/Incluir para especificar quais postagens devem ser excluídas ou incluídas.

Vá para a seção Configurações de consulta . O primeiro campo que você precisa preencher é Query Variable .

Para concluí-lo, role para baixo até a seção Notas localizada na parte inferior da página por padrão.

Você pode ver as chaves do campo de consulta específico na seção JetEngine Relationships . 

O número dessas chaves depende da quantidade de relações criadas. Agora, como temos apenas uma relação, podemos usar duas chaves de campo consultadas: aquela que filtra os itens filhos por IDs pais e aquela que filtra os itens pais por IDs filhos.

Vamos colocar a primeira opção no campo Variável de Consulta e deixar a opção padrão “Igual (=)” como operador de comparação .

Assim que o filtro estiver pronto, clique no botão “ Publicar ”.

Crie uma listagem com as postagens infantis, caso ainda não tenha feito isso.

Vá para a página onde deseja colocar uma listagem e filtrar. Pode ser uma página editada por Gutenberg ou Elementor.

Coloque o bloco/widget de filtro no editor de páginas. Neste caso específico, usamos o bloco Select Filter .

Ajuste as seguintes configurações, se necessário.

• Selecione Filtro — escolha o filtro que você acabou de criar;
• Este filtro para – defina a listagem com itens filhos como provedor;
• Aplicar tipo – escolha entre as opções “AJAX”, “Recarregar página” e “Misto” ;
• Aplicar em — selecione se a seleção será aplicada quando o valor for alterado ou quando o usuário clicar no botão “ Aplicar ”;
• Mostrar botão de aplicação — alterne para exibir o botão “ Aplicar ”;
• Mostrar rótulo do filtro — ative para mostrar o rótulo do filtro que você inseriu ao criar o filtro.

Para trabalhar nas configurações de estilo, basta clicar no bloco que deseja personalizar. Em seguida, pressione o ícone em forma de pincel para abrir as configurações do JetStyleManager .

Pressione o botão “ Publicar/Atualizar ” após implementar todas as alterações desejadas.

” alt=”cpt selecionar filtro botão jetstylemanager” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/03/cpt-select-filter-jetstylemanager-button-full.png” />Verifique o resultado no front-end. Agora as postagens dos filhos são filtradas pelos pais relacionados.

” alt=”cpt selecione filtro no front-end” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/03/cpt-select-filter-on-the-front-end-full.png” />

Outro recurso que você pode querer verificar em ação é o Indexador . É totalmente compatível com os filtros por itens de postagem relacionados.

Primeiramente, para adicionar o Indexador ao filtro, habilite esse recurso acessando Painel do WordPress > Filtros Inteligentes > Configurações .

Abra a guia Configurações do indexador e ative a opção Usar filtros indexados .

Além disso, você pode ativar o reindexador automático alternando o seletor Usar reindexação automática . 

Além disso, especifique quais tipos de postagem devem ser indexados na guia Tipos de postagem de índice .

” alt=”configurações do indexador jetsmartfilters” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/03/jetsmartfilters-indexer-settings-full.png” />Em seguida, volte para a página, clique no bloco de filtro e abra a guia Opções do Indexador .

• Aplicar Indexador — ative para ativar o Indexador;
• Mostrar Contador — ative para exibir a quantidade de itens disponíveis ao lado do rótulo do item;
• Se Item Vazio — defina se deseja “Mostrar”, “Ocultar” ou “Desativar” um item que não tenha postagens relacionadas;
• Alterar contadores — selecione em qual ação os contadores serão alterados.

Clique no botão “ Publicar/Atualizar ” e verifique o resultado.

Exceto os itens CPT, você também pode filtrar os CCT. O procedimento é bastante semelhante ao descrito anteriormente. 

Para aprender como criar relações entre CCTs, prossiga para o tutorial Como construir relações entre tipos de conteúdo personalizados .

Vá para JetSmartFilters > Adicionar novo diretório. Preencha os campos título principal, rótulo do filtro e rótulo do filtro ativo .

Vá para as configurações de filtro . Aqui você pode escolher o tipo de filtro . Por exemplo, escolhemos a opção “Selecionar” e definimos “Entrada Manual” como Fonte de Dados .

Preencha a Lista de Opções com os itens necessários pressionando o botão “ Nova Opção ”.

” alt=”itens relacionados ao cct filtrar novo botão de opção” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/03/cct-related-items-filter-new-option-button-full.png” />Lembre-se que o valor pode ser obtido procedendo ao CCT. Filtraremos os itens filhos por IDs pais, então vamos para o CCT pai. 

Se você quiser filtrar itens pais por IDs filhos, vá para o CCT filho.

Copie os valores do ID do item e cole-os na Lista de opções como Valores .

Exceto para os Valores , preencha o Label . Este rótulo será exibido como uma opção de filtragem no front end.

Você também pode alterar o espaço reservado se trabalhar com o tipo de campo Selecionar . 

Deixe o seguinte botão Is Checkbox Meta Field (JetEngine) desativado, pois não estamos trabalhando com o tipo de meta campo Checkbox.

A próxima guia Configurações de consulta inclui os campos Variável de consulta e Operador de comparação .

Podemos obter a chave do campo consultado necessária na guia Notas abaixo. Para ser mais preciso, encontre o título JetEngine Relationships e selecione a chave necessária entre as chaves apresentadas.

A lista abaixo do título depende das relações criadas. Depois que o novo relacionamento for adicionado, dois campos aparecerão aqui. Um é responsável pela filtragem dos itens filhos por IDs pais, e o segundo, ao contrário, filtra os itens pais por IDs filhos.

Selecione a opção desejada e coloque-a no campo Variável de Consulta . Agora usamos a chave de campo que filtra os itens filhos por IDs pai e deixamos a opção padrão “Igual (=)” como Operador de Comparação .

Pressione o botão “ Atualizar ” para salvar as alterações.

Vá para a página onde deseja colocar o filtro. Adicione o provedor e aplique um bloco de filtro a ele. Por exemplo, você pode usar a listagem CCT como provedor e adicionar o bloco Selecionar Campo como no caso descrito.

• Selecionar filtro – escolha o filtro recém-criado na lista suspensa;
• Este filtro para — aplica o filtro ao fornecedor, por exemplo, ao Listing Grid como no caso mencionado;
• Aplicar tipo — selecione se a página será recarregada assim que o filtro for aplicado. A opção “AJAX” mostrará os resultados imediatamente sem recarregar a página, enquanto a opção “Mista” transformará a URL da página mas também não recarregará a página;
• Aplicar em — defina o gatilho para filtragem, configure-o para funcionar assim que o valor do filtro for alterado ou quando o usuário clicar no botão “ Aplicar ”;
• Mostrar botão aplicar – ative o botão se você tiver selecionado a opção “Clique no botão aplicar” no menu suspenso anterior;
• Mostrar rótulo do filtro — ative para exibir o rótulo do filtro acima do filtro.

Após implementar todas as alterações, pressione o botão “ Publicar/Atualizar ” e verifique o resultado.

O filtro de itens relacionados ao CCT está pronto. Agora os itens CCT filhos são filtrados pelos IDs dos itens CCT pais.