Exibir o blog em landings
Assim como nos produtos, o conteúdo do blog é exibido dentro das landings por meio de componentes que são hidratados com os artigos do grupo. No editor, eles ficam na categoria Blog.
Componente "Artigo de blog" (detalhe)
Exibe um artigo. Você pode escolhê-lo de duas formas:
- Estático: você escolhe o artigo pelo título na lista. Útil para uma landing fixa (ex.: um artigo em destaque).
- Dinâmico: em uma landing com um caminho como
/blog/:nota, você deixa o artigo como{{NOTA}}. Assim, cada URL exibe o artigo correspondente. É o mesmo mecanismo dos produtos.
Como são os endereços dos artigos
Cada artigo tem um endereço com seu identificador e seu título, como no Mercado Livre: /blog/6771a2f0c3e4b5a6d7e8f901-receta-de-pan-casero. A página encontra o artigo pelo identificador (a parte do início); o título existe para que o endereço seja compreensível para as pessoas e para o Google.
- Alterar o título não quebra nada: os links que você já compartilhou continuam levando ao artigo.
- Há sempre um único endereço oficial: se alguém acessar com um título antigo (ou sem título), a página redireciona para o endereço com o título atual.
- Não há nada a preencher manualmente: o endereço é montado sozinho.
Opções do componente: mostrar/ocultar capa, autor e data e tags. O conteúdo markdown é renderizado com as cores da paleta do grupo.
Componente "Índice de blog" (listagem)
Exibe uma grade de artigos publicados, com filtro por tags.
- Filtro por tags: escolha uma ou várias tags para exibir apenas os artigos que as contenham. Vazio = todos.
- Colunas, quantidade máxima e ordem (mais recentes / mais antigos).
- Mostrar/ocultar capa, resumo, data e tags em cada cartão.
- Link de cada cartão: informe
/blog/{{CARD_BLOG_ID}}para que cada cartão leve ao detalhe desse artigo.{{CARD_BLOG_ID}}é substituído automaticamente pelo endereço de cada artigo (seu identificador e título).
Fluxo típico
- Escreva os artigos na seção Blog, com suas tags, e coloque-os no status Publicado.
- Landing de índice (ex.: rota
/blog): adicione o componente Índice de blog, filtre pelas tags desejadas e use o link/blog/{{CARD_BLOG_ID}}nos cartões. - Landing de detalhe (rota
/blog/:nota): adicione o componente Artigo de blog com o artigo em{{NOTA}}.
Com isso, seu blog fica navegável: o índice lista e filtra, e cada cartão abre o detalhe do artigo.