Manuel · 1
Le concept en cinq minutes
IllusionCMS est conçu pour les personnes qui veulent écrire elles-mêmes leur HTML, leur CSS et leur JavaScript – sans constructeur de pages qui vous retire le balisage des mains, mais avec le confort d’un CMS.
| Élément | À quoi il sert | Où dans l’admin |
|---|---|---|
| Pages | Forment une arborescence ; l’URL découle de la position (/leistungen/webdesign). Chaque page a son propre HTML. Plusieurs arborescences = plusieurs sites web, distingués par leur domaine. |
Pages |
| CSS & JS | Une bibliothèque commune de fichiers. Vous les associez à des pages – héritées par toutes les sous-pages si vous le souhaitez. Une modification s’applique partout où le fichier est utilisé. | CSS & JS et dans l’éditeur de pages |
| Snippets | Blocs HTML réutilisables (en-tête, pied de page, cartes …). Ils sont intégrés, utilisés comme composants avec slots ou étendus comme layouts. | Snippets |
| Fichiers | Images, PDF, polices, vidéos. Les images reçoivent automatiquement des variantes de taille pour srcset. |
Fichiers |
| Collections | Vos propres structures de données (blog, équipe, produits …) avec champs et entrées. | Collections |
| Sources REST | Données de systèmes externes (boutique, CRM, CMS headless …) via une API JSON. | Sources REST |
Les templates relient le tout. Le HTML d’une page est un template dans une syntaxe proche de Twig/Django. Il vous permet de récupérer des données (data("blog")), de construire des navigations (nav()), d’intégrer des snippets et de placer des images avec 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" %}
Le site public se trouve sous /, l’administration sous /cms-admin, l’API REST sous /api/v1.