Sistema de gestión de contenidos

Kit55 proporciona un sistema de gestión de contenido muy simple. Le permite separar el contenido del marcado (HTML).

Imagine un sitio de blog que tiene 2 páginas. Uno de ellos con una lista con los títulos de todos los post (home.html), y otra página con el post completo (post_detail.html).

Al trabajar con HTML, debe repetir los títulos tanto en la página de lista de publicaciones como en la página de detalles.

Para la mayoría de los casos de uso, puede mantener tu texto en el mismo lugar donde guarda tu HTML, es decir, en tu página web. Pero para algunos otros casos de uso, debe separar tu contenido de él.

¿Como funciona?

Con Kit55 creas un archivo, context.json y lo guardas justo debajo src. Ese archivo contendrá tu contenido, estructurado en formato json. Solo asegúrese de nombrar el archivo context.json y Kit55 recogerá todos los datos que contiene y los pondrá a disposición de tus páginas.

Por ejemplo, tu archivo context.json podría verse así:

{
  blog: [{
    title: "My first post",
    body: "If it's your job to eat a frog, it's best to do it first thing in the morning. And If it's your job to eat two frogs, it's best to eat the biggest one first."
  },
  {
    title: "My second post",
    body: "Whenever you find yourself on the side of the majority, it is time to pause and reflect."
  }]
}

Estos datos ahora están disponibles para que los use, por lo que puede modificar tu home.html para recorrer los títulos:

...
{% for entry in blog %}
  <a href="{{entry.url}}">{{entry.title}}</a><br>
{% endfor %}
...

Y puede hacer referencia a los mismos datos desde la página de detalles de tu publicación (post_detail.html):

...
  <a href="{{blog[0].url}}">{{blog[0].title}}</a><br>
  <span>{{blog[0].body}}</span>
...

Puede encontrar más información sobre el objeto de diccionario de contexto (context.json), las variables y los controles de bucle en el oficial Documentación Jinja.

Si quieres ver cómo funciona el Micro CMS en un ejemplo real, descarga Plantilla de blog Kit55.