Manual · 1
El concepto en cinco minutos
IllusionCMS está pensado para personas que quieren escribir su propio HTML, CSS y JavaScript: sin un constructor visual que te quite el control del marcado, pero con las comodidades de un CMS.
| Pieza | Para qué | Dónde en el admin |
|---|---|---|
| Páginas | Forman un árbol; la URL resulta de la posición (/leistungen/webdesign). Cada página tiene su propio HTML. Varios árboles de páginas = varios sitios web, distinguidos por dominio. |
Páginas |
| CSS y JS | Una biblioteca común de archivos. Los asignas a páginas y, si quieres, se heredan en todas las subpáginas. Un cambio se aplica en todos los lugares donde se usa el archivo. | CSS & JS y en el editor de páginas |
| Snippets | Piezas de HTML reutilizables (cabecera, pie, tarjetas …). Se incluyen, se usan como componente con slots o se extienden como layout. | Snippets |
| Archivos | Imágenes, PDF, fuentes, vídeos. Las imágenes reciben automáticamente variantes de tamaño para srcset. |
Archivos |
| Collections | Estructuras de datos propias (blog, equipo, productos …) con campos y entradas. | Collections |
| Fuentes REST | Datos de sistemas externos (tienda, CRM, CMS headless …) mediante API JSON. | Fuentes REST |
Los templates lo conectan todo. El HTML de una página es un template con una sintaxis parecida a Twig/Django. Con él obtienes datos (data("blog")), construyes navegaciones (nav()), incluyes snippets y colocas imágenes con srcset:
{% include "header" %}
<main>
<h1>{{ page.title }}</h1>
{% for post in data("blog", "sort", "-datum", "limit", 3) %}
{% component "card" %}
{% fill "titel" %}{{ post.titel }}{% endfill %}
{{ post.text|markdown }}
{% endcomponent %}
{% endfor %}
</main>
{% include "footer" %}
El sitio web público está en /, la administración en /cms-admin y la API REST en /api/v1.