Como criar itens de listagem com Bricks

Bricks é um tema WordPress que permite construir sites visualmente. Com Bricks e o plugin JetEngine , você pode renderizar dados dinâmicos em seu site.

Com o modelo Listagem , você pode exibir os dados da postagem, do usuário, dos termos, das relações ou das páginas de opções . Para saber mais sobre o recurso Item de listagem do JetEngine , siga Visão geral do modelo de listagem .

Além disso, com o plugin JetEngine , você pode criar tipos de postagem personalizados e taxonomias personalizadas . Se quiser trabalhar com postagens, usuários e termos nativos do WordPress, você pode adicionar metacampos personalizados a eles com o recurso Meta Box .

Antes de começar, vá para a guia Bricks > Configurações no painel do WordPress. Na seção Geral , você pode habilitar os tipos de postagem que deseja editar com Bricks . Agora, você precisa ativar a alternância de itens de listagem . 

Vá para o final da página de configurações e clique no botão “Salvar configurações” .

Vá para JetEngine> Listagens e pressione o botão “Adicionar Novo” .

Criarei o modelo de listagem para o tipo de postagem personalizado para os autores de livros, então escolhi a fonte de listagem “Postagens” e selecionei “Escritores e autores de livros” no campo Do tipo de postagem . Você também pode criá-lo para Query Builder , Termos ou Usuários .

Insira o nome do item da listagem e selecione a visualização da listagem “Tijolos” .
Pressione o botão “Criar item de listagem” .

Depois de passar para o construtor Bricks , clique no botão “Seção” com o ícone “+” .

Digite “dinâmico” na barra de pesquisa no lado esquerdo do construtor e você verá os elementos que pode usar para o item de listagem: Dynamic Field , Dynamic Image e Dynamic Link .

Em primeiro lugar, arraste e solte o elemento Dynamic Field na página de edição. Este elemento extrai os dados da fonte especificada e os exibe usando as configurações de estilo e conteúdo definidas. Mais sobre isso você pode encontrar na Visão Geral do Campo Dinâmico .

Abra a guia Geral na seção Configurações de conteúdo . No menu suspenso Fonte , você pode ver uma lista de fontes disponíveis de onde os dados serão extraídos. Selecionei “Post/Term/User/Object Data” para extrair dados dos metacampos padrão da postagem e escolhi a opção “Title” no campo Object . Em seguida, dupliquei o elemento Campo Dinâmico e escolhi a opção “Conteúdo” no campo Objeto .

Se você adicionar os metacampos , poderá exibir seus valores selecionando a fonte “Meta Data” e o metacampo necessário . Você pode ler mais sobre as fontes de campo dinâmico e outras configurações em Configurações da seção de conteúdo de campo dinâmico .

Além disso, esteja ciente de que alguns dados do metacampo podem ser exibidos corretamente apenas aplicando Callbacks . Para saber como exibir valores de diferentes tipos de metacampos com retornos de chamada, prossiga para Visão geral da saída do campo de filtro .

Clique no botão “+” para observar e adicionar mais elementos ao modelo.

Digite a palavra “dinâmica” novamente na barra de pesquisa e arraste e solte o elemento Imagem Dinâmica . Com ele, você pode exibir a imagem em destaque ou a imagem dos metacampos. Saiba mais na Visão geral da imagem dinâmica .

Clique no botão “+” e adicione o elemento Dynamic Link . Com este elemento, você pode adicionar links que exibem conteúdo da fonte predefinida. Leia mais na Visão geral do link dinâmico .

Como fonte , escolhi a opção “Link permanente” para direcionar os usuários à postagem do autor do livro.

Usando três elementos disponíveis, exiba todos os dados necessários no item de listagem. Além disso, você pode estilizar cada elemento na seção Configurações de estilo .

Ao terminar, clique no botão “Salvar” no canto superior direito.

Isso é tudo. Agora você já sabe como criar o template Listing Item com o plugin JetEngine e tema Bricks . Para descobrir como exibir o item de listagem na página, prossiga para o seguinte tutorial: Como mostrar postagens personalizadas por meio de grade de listagem com tijolos .