Handbuch · 1
Das Konzept in fünf Minuten
IllusionCMS ist für Menschen gemacht, die HTML, CSS und JavaScript selbst schreiben wollen – ohne Baukasten, der einem das Markup aus der Hand nimmt, aber mit den Annehmlichkeiten eines CMS.
| Baustein | Wofür | Wo im Admin |
|---|---|---|
| Seiten | Bilden einen Baum; die URL ergibt sich aus der Position (/leistungen/webdesign). Jede Seite hat ihr eigenes HTML. Mehrere Seitenbäume = mehrere Websites, unterschieden nach Domain. |
Seiten |
| CSS & JS | Eine gemeinsame Bibliothek von Dateien. Du ordnest sie Seiten zu – auf Wunsch vererbt an alle Unterseiten. Eine Änderung wirkt überall, wo die Datei verwendet wird. | CSS & JS und im Seiten-Editor |
| Snippets | Wiederverwendbare HTML-Bausteine (Header, Footer, Karten …). Werden eingebunden, als Komponente mit Slots verwendet oder als Layout erweitert. | Snippets |
| Dateien | Bilder, PDFs, Fonts, Videos. Bilder bekommen automatisch Größenvarianten für srcset. |
Dateien |
| Collections | Eigene Datenstrukturen (Blog, Team, Produkte …) mit Feldern und Einträgen. | Collections |
| REST-Quellen | Daten aus externen Systemen (Shop, CRM, Headless-CMS …) per JSON-API. | REST-Quellen |
Templates verbinden alles. Das HTML einer Seite ist ein Template in Twig-/Django-ähnlicher Syntax. Damit holst du Daten (data("blog")), baust Navigationen (nav()), bindest Snippets ein und setzt Bilder mit 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" %}
Die öffentliche Website liegt unter /, die Verwaltung unter /cms-admin, die REST-API unter /api/v1.