Como criar a seção “Visualizados recentemente” usando Data Store

Criando um armazenamento de dados

Ativação do Módulo de Armazenamento de Dados

Abra o painel WP e vá para JetEngine > JetEngine Dashboard > Modules . Encontre o botão de alternância Data Stores , habilite-o e clique no botão “ Salvar ”.

ativação do módulo de armazenamento de dados

Configurações do armazenamento de dados

Vá para JetEngine > JetEngine Dashboard > Data Stores e clique no botão “New Store” . Escolha o nome, o tipo de loja (aqui, Session ) e outros recursos (aqui, Recent_Viewed ).

Leia mais sobre como criar um armazenamento de dados neste tutorial.

Ative o item Loja na visualização para permitir a adição de páginas/postagens à loja depois que o usuário as visitar. Você também pode especificar o tipo de postagem a ser adicionado no menu suspenso Observar tipo de postagem (aqui, Propriedades ). Clique no botão “ Salvar ”.

configurações de armazenamento de dados

Saída de postagens visualizadas recentemente

Construindo uma consulta para gerar as postagens

Navegue até JetEngine > Construtor de consultas.

Pressione o botão “Adicionar novo ” e especifique o nome da consulta (aqui, Consulta de páginas visualizadas recentemente) e selecione o tipo de dados consultados no menu suspenso Tipo de consulta (aqui, Consulta de postagens ).

configurações gerais de consultaVá para a guia Geral , desenrole-a e selecione o Tipo de postagem no menu suspenso (aqui, Propriedades ) e a opção Publicar no menu suspenso Status das postagens .

tipo de postagem escolhendo configurações de consulta

Adicionando o armazenamento de dados

Navegue até Postagem e página > Postar em . Pressione o ícone Dynamic Tag e selecione a opção Obter loja no menu suspenso. 

Escolha o armazenamento de dados que você criou anteriormente (aqui, Recent_Viewed ). Pressione o botão “ Aplicar ”.

configurações de postagem e página de consultaSalve a consulta pressionando o botão “ Adicionar Consulta ”.

Saída de postagens visualizadas recentemente no Elementor

Abra uma página no construtor de páginas Elementor e adicione o widget Listing Grid à página. Selecione o Item de Listagem (aqui, Listagem Principal ) com os CPTs.

listando as configurações do widget de grade no elementorCopie este widget ou adicione o widget Grade de Listagem com o mesmo Item de Listagem (aqui, Listagem Principal ) para exibir as páginas visualizadas recentemente.

Navegue até a guia Consulta personalizada do segundo widget Grade de listagem . Desenrole-o e mova o botão Usar consulta personalizada . Selecione a consulta construída (aqui, Consultar páginas visualizadas recentemente ).

configurações de consulta personalizadas do widget de grade de listagem no elementorO widget Listing Grid tem a seguinte aparência.

listagem de widget de grade para páginas visualizadas recentemente no elementorPublique a página e clique nas postagens que você gosta. Role a página para baixo e veja a página visualizada recentemente listada.

front end de páginas visualizadas recentemente exibidas em elementor

Saída de postagens visualizadas recentemente em Gutenberg

Abra uma página ou post no editor Gutenberg. Adicione dois blocos Listing Grid . O primeiro destina-se a exibir todos os CPT e o segundo é a mostrar as postagens visualizadas recentemente. Use o mesmo item de listagem (aqui, listagem principal ) para esses blocos de grade de listagem .

listando configurações de bloco de grade em gutenbergNavegue até as configurações de consulta personalizada do bloco Listing Grid destinado a exibir as páginas visualizadas recentemente.

configurações de consulta personalizadas do widget de grade de listagem em gutenbergPublique a página e clique em algumas páginas para torná-las visualizadas recentemente. O segundo bloco Listing Grid tem a seguinte aparência.

listagem de widget de grade para páginas visualizadas recentemente em gutenberg

Trata-se de criar a seção “Visualizados recentemente” usando a saída do módulo Data Stores no Elementor e Gutenberg.

Índice