Mostrar el blog en landings
Como con los productos, el contenido del blog se muestra dentro de landings mediante componentes que se hidratan con las notas del grupo. En el editor están en la categoría Blog.
Componente "Nota de blog" (detalle)
Muestra una nota. Podés elegirla de dos formas:
- Estático: elegís la nota por su título, de la lista. Útil para una landing fija (ej. una nota destacada).
- Dinámico: en una landing con un path como
/blog/:nota, dejás la nota en{{NOTA}}. Así, cada URL muestra la nota que corresponde. Es el mismo mecanismo que los productos.
Cómo se ven las direcciones de las notas
Cada nota tiene una dirección con su identificador y su título, como en Mercado Libre: /blog/6771a2f0c3e4b5a6d7e8f901-receta-de-pan-casero. La página encuentra la nota por el identificador (la parte del principio); el título está para que la dirección se entienda y para Google.
- Cambiar el título no rompe nada: los links que ya compartiste siguen llevando a la nota.
- Siempre hay una sola dirección oficial: si alguien entra con un título viejo (o sin título), la página lo lleva a la dirección con el título actual.
- No hay nada que cargar a mano: la dirección se arma sola.
Opciones del componente: mostrar/ocultar portada, autor y fecha y tags. El contenido markdown se renderiza con los colores de la paleta del grupo.
Componente "Índice de blog" (listado)
Muestra un grid de notas publicadas, con filtro por tags.
- Filtro por tags: elegís uno o varios tags para mostrar solo las notas que los tengan. Vacío = todas.
- Columnas, cantidad máxima y orden (más recientes / más antiguas).
- Mostrar/ocultar portada, extracto, fecha y tags en cada tarjeta.
- Enlace de cada tarjeta: poné
/blog/{{CARD_BLOG_ID}}para que cada tarjeta lleve al detalle de esa nota. El{{CARD_BLOG_ID}}se reemplaza solo por la dirección de cada nota (su identificador y su título).
Flujo típico
- Escribí las notas en el apartado Blog, con sus tags, y ponelas en estado Publicado.
- Landing de índice (ej. path
/blog): agregá el componente Índice de blog, filtrá por los tags que quieras y usá el enlace/blog/{{CARD_BLOG_ID}}en las tarjetas. - Landing de detalle (path
/blog/:nota): agregá el componente Nota de blog con la nota en{{NOTA}}.
Con eso, tu blog queda navegable: el índice lista y filtra, y cada tarjeta abre el detalle de la nota.