O bloco de loop de consulta é usado para exibir posts de blog (ou outros tipos de conteúdo, como páginas, depoimentos ou projetos) em seu site com diferentes layouts. Este guia ajudará você a ajustar a forma como seu conteúdo é apresentado no bloco de loop de consulta.
Neste guia
Para escolher entre diferentes designs com os quais apresentar seus posts (ou outros tipos de conteúdo) dentro do bloco de loop de consulta, siga estas etapas:
- No painel do seu site, vá para Aparência → Editor.
- Selecione o modelo que você quer editar, ou clique na prévia do site para editar a página inicial.
- Selecione o bloco de loop de consulta usando a visualização em lista.
- Na barra de ferramentas que aparece acima ou abaixo da coluna, clique no botão Alterar design.
- Navegue pela coleção de layouts prontos e clique no que você mais gostar para aplicá-lo.
- As próximas seções deste guia mostram como personalizar ainda mais o layout.
Dentro do bloco de loop de consulta está o modelo de post, que contém os elementos individuais de cada post, como título, data, imagem destacada, conteúdo ou resumo e muito mais.
No modelo de post, é possível exibir os seguintes elementos com seus posts:
- Título: exiba o título de cada conteúdo que você publicou.
- Data: exiba a data de publicação de cada conteúdo.
- Data de modificação: exiba a data em que um post foi editado pela última vez.
- Conteúdo: exiba todo o conteúdo de cada post publicado.
- Resumo: exiba um breve resumo de cada conteúdo publicado e personalize o texto do link “Leia mais”.
- Imagem destacada: exiba a imagem destacada que você definiu para o seu conteúdo.
- Categorias: exiba as categorias atribuídas ao seu conteúdo publicado.
- Tags: exiba as tags adicionadas ao seu conteúdo.
- Paginação: exiba links para os posts anteriores e seguintes.
- Autor: exiba os detalhes do autor do post, como nome, avatar e biografia.
- Total da consulta: exibe o número total de resultados em uma consulta.
- Nenhum resultado: adicione um texto ou blocos que serão exibidos quando a consulta não tiver resultados.
Os modelos do seu tema podem incluir alguns ou todos esses blocos. Na visualização em lista, você vê a estrutura atual dos blocos e adiciona, move e exclui os elementos individuais conforme necessário:
Muitos dos elementos acima contêm configurações exclusivas na barra lateral de configurações do bloco. Por exemplo, você pode selecionar o bloco de data para acessar as configurações que controlam o formato em que a data é exibida e adicionar a ela um link para o post. Os blocos também incluem configurações padrão de cor, tipografia e dimensões, bem como configurações avançadas.
No modelo de post, é possível ajustar seu conteúdo para exibi-lo em um formato de lista ou grade:
- Em Visualização em lista, selecione Modelo de post, que está aninhado dentro do bloco de loop de consulta.
- Na barra de ferramentas que aparece acima ou abaixo do bloco, escolha entre os ícones de lista e grade.
- Se você escolher grade, poderá ajustar o número de colunas dela na barra lateral de configurações do bloco.
- Clique no botão Salvar.
Para adicionar paginação aos seus posts exibidos com um bloco de loop de consulta, siga estas etapas:
- Em Visualização em lista, expanda o bloco de loop de consulta e selecione “Modelo de post”:
- Clique nas reticências (três pontos) ao lado de Modelo de post e selecione Adicionar depois.
- Clique no ícone de inserção de blocos (+) e pesquise “paginação“. Então, clique no bloco de paginação para adicioná-lo após o modelo de post:
- Ajuste as configurações na barra lateral como quiser. Isso inclui a orientação, a core se o símbolo de seta ou divisa deve ser exibido com o link de paginação.
- Clique no botão Salvar para aplicar suas alterações.
Você pode personalizar a largura dos elementos dentro do bloco de loop de consulta:
- No painel do seu site, vá para Aparência → Editor.
- Selecione o modelo que você quer editar, ou clique na prévia do site para editar a página inicial.
- Abra a visualização em lista e selecione o bloco de loop de consulta.
- Veja as configurações do bloco na barra lateral à direita. Se você não estiver vendo a barra lateral, clique no ícone Configurações, no canto superior direito, para exibi-las. Esse ícone se parece com um quadrado com duas colunas irregulares:
- Ative a configuração Os blocos internos usam a largura do conteúdo.
- Na caixa Largura do conteúdo, defina um valor para a largura normal do conteúdo em pixels (ou escolha entre outras unidades, como porcentagem ou em).
- Informe um valor para a largura ampla do conteúdo, que se aplica aos blocos definidos como Amplo nas configurações.
- Em Justificação, alinhe o conteúdo dentro do loop de consulta à esquerda, ao centro ou à direita na página.
- Clique no botão Salvar para salvar suas alterações.
Suporte 