Boa — vamos direto ao ponto e prático, do jeito que você gosta. Vou te dizer quantos posts mostrar, por que esse número, como configurar o Query Loop (pra não ter que “criar tudo manualmente” na Home), e o workflow para criar posts de forma que eles apareçam corretamente nessa seção. Tudo passo a passo e orientado pra mobile-first / Discover.
1) Quantos posts recentes mostrar na Home (recomendação prática)
- Mobile (visão inicial da Home): mostre 4 a 6 posts.
Por quê: é o suficiente para dar densidade e opções sem alongar muito a rolagem inicial; mantém a página leve e aumenta chances de clique por scan. - Desktop: pode mostrar 8 a 12 (mais espaço vertical/horizontal).
- Para Discover / sites que publicam MUITO: usar 6 visíveis + “Carregar mais” é a melhor estratégia (mantém frescor e melhora performance).
Resumo: comece com 6 itens (mobile-first). Se quiser densidade maior no mobile depois, sobe para 8, mas 6 é um bom equilíbrio.
2) Você vai ter que criar tudo manualmente na Home? NÃO
Não. Você NÃO precisa criar manualmente cada card na Home. Use o Query Loop (Loop de Consulta) do Gutenberg: ele puxa automaticamente os posts publicados e exibe o template que você definir. Isso é exatamente a vantagem — você só cria posts normalmente; a Home mostra os mais recentes automaticamente.
3) Passo a passo: configurar o Query Loop para mostrar X posts automaticamente
A — Criar / editar o bloco Query Loop na sua Home
- Abra a página Home no editor.
- No local da seção “Posts recentes”, adicione bloco Loop de consulta (Query Loop).
- Quando abrir, escolha um template (ou “Iniciar vazio” se preferir montar o template manualmente).
- Com o Query Loop selecionado, no painel da direita (configurações do bloco):
- Itens por página (Posts per page) → coloque 6.
- Ordenar por → “Do mais recente para o mais antigo”.
- Posts fixos → marque Excluir (ou “Ignorar”) para não repetir o post principal se ele for sticky.
- Filtros → deixe em branco para puxar todos os posts; ou selecione/exclua categorias conforme desejar.
- Dentro do template do Loop, deixe apenas os blocos que você quer exibir por item:
- Post Featured Image (ou imagem destacada) — thumbnail;
- Post Title — título;
- Opcional: Post Excerpt (1 linha) — mas no seu caso, eu recomendo somente título para máxima densidade.
Salve a página. Agora a Home exibirá automaticamente os 6 posts mais recentes.
4) Se quiser “ver mais” (ideal)
- Em vez de mostrar muitos de cara, adicione paginação ou um botão “Carregar mais”:
- Gutenberg tem uma opção de paginação no Query Loop (opções do bloco). Ative-a se disponível.
- Alternativa: plugin leve que adicione “Load more” / infinite scroll (se quiser, indico depois).
- Recomendação: 6 por página + botão “Carregar mais” é ótimo.
5) Se você quiser controlar que posts aparecem (ex.: excluir o post principal)
- Duas opções:
- Marcar o post principal como Sticky / Fixar e configurar Query Loop de recentes para Excluir posts fixos (assim não duplicam).
- Ou filtrar por categoria: marque o post principal com categoria “Destaque” e no Loop de recentes exclua a categoria “Destaque”.
6) Workflow de criação de posts (pra garantir que apareçam corretamente)
Ao criar cada post novo (Painel → Posts → Adicionar novo), siga esse checklist — assim o Loop vai puxar tudo certo:
- Título: curto e direto (ideal para 1–2 linhas).
- Imagem destacada (Featured Image): sempre adicionar — proporção recomendada para thumbs laterais: 4:3 (ex.: 800×600), e para imagem do post principal 16:9 (ex.: 1600×900).
- Categoria: marque claramente (ex.: Poupança, Investir, Dicas).
- Resumo / excerpt: opcional — se usar, mantenha 1–2 linhas.
- Tags: opcional.
- Publicar: status Publicar. (Query Loop só puxa posts publicados.)
Você não precisa editar a Home a cada post — o Loop atualiza sozinho com os novos posts.
7) Layout / número de colunas versus itens (se você usa grid)
- Se usar lista vertical (thumb à esquerda + título à direita): cada item ocupa 1 linha. Mostre 6 itens (vertical).
- Se usar grade (grid), pense assim: em mobile você terá 1 coluna; em desktop 2–3 colunas. Ajuste “Itens por página” conforme a densidade desejada (por exemplo 9 = 3×3 no desktop).
8) Performance / imagens / SEO (pontos práticos)
- Não carregue muitos posts de uma vez — limita a 6 por página para o inicial.
- Otimize imagens: webp quando possível; 1200–1600px para post principal, 800px para thumb.
- Use título e featured image — ambos são essenciais para Discover.
- 82ue8y29y19812981yh9281hu212gw82
