Manuale · 1
Il concetto in cinque minuti
IllusionCMS è pensato per chi vuole scrivere HTML, CSS e JavaScript da sé – senza un costruttore di pagine che ti toglie il controllo del markup, ma con le comodità di un CMS.
| Elemento | A cosa serve | Dove nell’admin |
|---|---|---|
| Pagine | Formano un albero; l’URL deriva dalla posizione (/leistungen/webdesign). Ogni pagina ha il proprio HTML. Più alberi di pagine = più siti web, distinti per dominio. |
Pagine |
| CSS & JS | Una libreria comune di file. Li associ alle pagine – a richiesta ereditati da tutte le sottopagine. Una modifica vale ovunque il file sia usato. | CSS & JS e nell’editor delle pagine |
| Snippets | Blocchi HTML riutilizzabili (header, footer, card …). Vengono inclusi, usati come componente con slot o estesi come layout. | Snippets |
| File | Immagini, PDF, font, video. Le immagini ricevono automaticamente varianti di dimensione per srcset. |
File |
| Collections | Strutture dati proprie (blog, team, prodotti …) con campi e voci. | Collections |
| Sorgenti REST | Dati da sistemi esterni (shop, CRM, headless CMS …) tramite API JSON. | Sorgenti REST |
I template collegano tutto. L’HTML di una pagina è un template con una sintassi simile a Twig/Django. Con esso recuperi dati (data("blog")), costruisci navigazioni (nav()), includi snippet e inserisci immagini 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" %}
Il sito pubblico si trova sotto /, l’amministrazione sotto /cms-admin, l’API REST sotto /api/v1.