Adicionando postagens em destaque no front-end usando o Query Builder

Postagens padrão do WordPress

Crie uma metacaixa

Se quiser mostrar postagens em destaque das postagens padrão do WordPress, você precisa criar uma metacaixa.
Vá para WordPress Dashboard > JetEngine > Meta Boxes e pressione o botão “ Adicionar Novo ” para construir um novo item de meta box.

lista de metacaixas de motores a jatoNo menu suspenso Fonte , escolha “Postagens” e adicione o metacampo com o tipo de campo “Switcher” .

Aviso

Se você tem muitos posts, é melhor usar o tipo de campo “Checkbox” para essa finalidade.

configurações do metacampo do switcherPressione o botão “ Adicionar/Atualizar Meta Box ” e prossiga para as postagens para preencher as opções. 

postagens padrão do wordpress

Aviso

Você precisará verificar o switcher em cada postagem – ligue-o ou desligue-o.

switcher ativado no post wordpress

Crie uma listagem

Em seguida, vá para WordPress Dashboard > JetEngine > Listings e clique no botão “ Adicionar novo ”. No pop-up que aparece, escolha a fonte da listagem “Postagens” , preencha os seguintes campos e pressione o botão “ Criar item de listagem ” para abrir o editor. Depois de aberto, crie um item de listagem com os widgets necessários.

retorno de chamada do valor do campo switcher no widget elementor de campo dinâmico

Definir construtor de consultas

Depois que a listagem estiver pronta, vamos criar uma Consulta para ela.

Navegue até WordPress Dashboard> JetEngine> Query Builder e pressione o botão “ Adicionar novo ”.
Vá para a seção Metaconsulta . Preencha o campo chave/nome , escolha o operador Comparar “Igual” e complete o valor do switcher (quando o switcher está ligado – seu valor é “verdadeiro”, quando desligado – “falso”).

Salve a consulta pressionando o botão “ Adicionar/Atualizar Consulta ”.

seção de meta consulta nas configurações de consulta de postagens

Aplicar uma consulta a uma listagem na página Elementor

Vá para a página Elementor. Aqui, adicione o widget Listing Grid .

Na guia Consulta Personalizada , ative o botão Usar Consulta Personalizada , escolha uma Consulta Personalizada e salve as alterações.

consulta personalizada na grade de listagemVeja o resultado alcançado no front-end.

listagem consultada no front-end

Postagens de tipo de postagem personalizada

Adicione um campo de caixa de seleção no tipo de postagem

Vá para Painel do WordPress > JetEngine > Tipos de postagem . 

Clique no botão “ Adicionar novo ” ou “ Editar ” para abrir o editor de tipo de postagem.

painel de lista de tipos de postagem personalizados do jetengineVá até a seção de metacampo e adicione um tipo de campo “Caixa de seleção” com duas opções, “destaque” e “não apresentado”.

metacampos de caixa de seleção no editor de tipo de postagemClique em “ Atualizar tipo de postagem ” e prossiga para a próxima etapa.
Vá até o tipo de postagem editada, abra uma das postagens e marque o valor de destaque nas postagens desejadas.

Não se esqueça de pressionar o botão “ Atualizar ” após editar as postagens.

campo meta da caixa de seleção na postagem do wordpress

Crie uma listagem

Em seguida, você precisa construir uma grade de listagem para este tipo de postagem. Para fazer isso, vá para WordPress Dashboard > JetEngine > Listings e pressione o botão  “ Add New ”.

Ajuste as configurações necessárias no pop-up e pressione o botão “ Criar item de listagem ”.

painel de itens de listagem de motores a jatoPara exibir o campo de caixa de seleção, escolha o widget Campo Dinâmico .

Selecione “Meta Data” no campo Fonte e especifique o Meta Field necessário .

Em seguida, ative o alternador de saída do campo Filtrar e selecione a opção “Valores do campo da caixa de seleção” no menu suspenso Retorno de chamada .

Estilize a listagem e clique no botão “ Atualizar ”.

retorno de chamada do valor do campo da caixa de seleção no widget elementor de campo dinâmico

Ajustar o construtor de consultas

A etapa principal é fazer uma consulta para mostrar apenas as postagens em destaque.  

Vá para WordPress Dashboard > JetEngine > Query Builder para criar uma nova consulta. 

Selecione o tipo de consulta “Tipo de postagem” e encontre o CPT desejado na lista Tipo de postagem . 

Em seguida, vá para a seção Meta Consulta ; no campo Chave/nome do campo , escolha a macro “metacampo JetEngine” pressionando o botão de tag dinâmica.

Defina o operador Comparar “Regexp” e preencha o valor desejado, dependendo de quais postagens você deseja mostrar.

Não se esqueça de atualizar a Consulta clicando no botão “ Adicionar/Atualizar Consulta ”.

configurações de metaconsulta no construtor de consultas

Aplicando uma consulta a uma listagem na página Elementor

Crie uma página estática ou vá para a página necessária e adicione o widget Listing Grid .

Escolha o Listagem criado . 

Depois, vá para a seção Consulta Personalizada , ative o botão Usar Consulta Personalizada e escolha a consulta criada na lista Consulta Personalizada .

consulta em destaque na grade de listagemVerifique a página pronta indo para o front end.

postagens em destaque no front-end

Agora você sabe como criar e mostrar postagens em destaque usando o plugin JetEngine .

Índice