CMS · Docs · Malla

El CMS guarda tu contenido estructurado: artículos de blog, productos, miembros del equipo, casos de éxito, ofertas de empleo. Los editores trabajan en una vista de contenido limpia mientras los diseñadores mantienen el layout a salvo.

Colecciones y campos

Abre el espacio de trabajo CMS y presiona New collection. Cada colección empieza con un título y un slug; agrega los campos que necesites.

TextTexto plano, de una línea o de varias.

Rich textEncabezados, listas, citas, código, enlaces e imágenes.

SlugLa parte de la URL, generada a partir de un campo de texto.

ImageUna imagen subida con texto alternativo.

FileCualquier archivo subido.

ReferenceUn ítem de otra colección.

Multi referenceVarios ítems de otra colección.

NumberSimple, moneda o porcentaje.

DateFecha y hora.

ToggleActivado o desactivado.

OptionUn valor de una lista fija.

ColorUn color CSS.

LinkUna URL o una ruta del sitio.

Video URLYouTube, Vimeo o un archivo de video.

Los campos pueden ser obligatorios y tener validación y valores por defecto. Los cambios en los campos de una colección llegan al sitio publicado sin volver a publicar todo.

Ítems

La vista de ítems es una tabla con búsqueda, filtros por estado y acciones masivas. Presiona New item o abre un ítem para editarlo en un panel lateral. El slug se genera a partir del título hasta que lo cambies.

Ciclo de vida de un ítem

DraftLa copia de trabajo. Solo la ven los editores.

ScheduledSe publica sola a la hora elegida.

PublishedLa copia en vivo que ven los visitantes.

ArchivedSe conserva, pero fuera del sitio.

Save guarda tus cambios como borrador. El sitio en vivo sigue mostrando la copia publicada.
Publish copia el borrador a la copia en vivo. Unpublish lo saca del sitio.
Schedule elige una fecha y hora; el ítem se publica solo en ese momento.
Versions lista los guardados anteriores; puedes restaurar cualquiera.

Texto enriquecido

El texto enriquecido se guarda como contenido estructurado, nunca como HTML crudo, así que siempre es seguro renderizarlo. En el lienzo, un elemento Rich text renderiza un campo de texto enriquecido y aplica las clases de tu sitio por etiqueta (por ejemplo, cada h2 recibe heading-md).

Mostrar contenido en las páginas

Agrega una lista de colección
Inserta una Collection list y elige la colección. Filtra, ordena y limita en el inspector.
Diseña una tarjeta
El primer hijo de la lista es la plantilla. Diséñalo una vez; se repite para cada ítem.
Enlaza los campos
Enlaza un texto a item.title, una imagen a item.cover y un enlace a la página del ítem con Item page en las opciones del enlace (consulta enlazar los ítems de una lista). Las referencias expandidas te dan el ítem referenciado, así que item.author.name funciona.

Por dentro, la lista ejecuta una consulta al CMS a través de la integración de CMS incluida:

json

{
  "operation": "cms.list",
  "input": {
    "collectionId": "col_posts",
    "filter": [{ "field": "featured", "op": "eq", "value": true }],
    "sort": [{ "field": "date", "dir": "desc" }],
    "limit": 6,
    "expand": ["author"]
  }
}

Páginas plantilla

Una página plantilla tiene una ruta dinámica como /blog/:slug y pertenece a una colección. Se renderiza una vez por cada ítem publicado, con item en el ámbito de cada enlace de datos. Enlaza el título y la descripción SEO de la página a campos del ítem, por ejemplo item.title + ' | Blog'. Elige en el inspector qué ítem previsualizar en el lienzo.

Cómo funciona la publicación

Publicar un ítem no vuelve a publicar todo el sitio. Solo se renderizan de nuevo las páginas que dependen de esa colección: su página plantilla y cualquier lista que la consulte. Consulta Publicación.

Editores de contenido

Dale a quienes escriben el rol de editor de contenido. Pueden editar los ítems del CMS y el texto en el lienzo, pero no el diseño, los datos ni la lógica. Consulta Equipo y roles.