Seiten und Komponenten
Jede Seite einer Website ist eine HTML-Datei. Die Teile, die sich auf jeder Seite wiederholen, etwa Header und Footer, sind Komponenten: einmal geschrieben und auf jeder Seite platziert.
Eine Seite hinzufügen#
Drücke im Editor neben Seiten auf + und gib der Seite einen Namen, etwa „Pricing“. Weblooks macht aus dem Namen den Dateinamen (pricing.html) und baut die Seite nach dem Layout der Seite, die du gerade offen hast: dieselben Stylesheets und Skripte, derselbe Header und Footer und ein leerer Hauptbereich mit einer Überschrift.
Was die alte Seite beschrieben hat, wird bewusst weggelassen: Titel, Beschreibung, Social-Vorschau und strukturierte Daten. Gib der neuen Seite einen eigenen Titel und eine eigene Beschreibung; die Scans markieren alles, was noch fehlt.
Komponenten#
Eine Komponente ist ein Block, den du einmal definierst und überall platzierst, wo du ihn brauchst. Ihr Markup liegt in components/<name>/<name>.html, optional mit einem Stylesheet daneben, und eine Seite platziert sie mit einem einzigen Tag:
<wl-use name="site-header"></wl-use>
Änderst du die Komponente, ändert sich jede Seite mit, die sie nutzt. Weblooks löst das Tag in der Canvas des Editors und beim Veröffentlichen auf, sodass Besucher reines HTML bekommen. Die Startvorlagen bringen eine Header- und eine Footer-Komponente mit, auf denen du aufbauen kannst.
Wann sich eine Komponente lohnt#
Erstelle eine Komponente, wenn derselbe Block auf mehr als einer Seite vorkommt oder wenn du ihn sonst kopieren und einfügen würdest: Navigation, Footer, Call-to-Action-Bereiche, Karten. Einmalige Abschnitte bleiben in der Seite selbst. Das Panel Komponenten im Modus Design des Editors listet jede Komponente und zeigt, wo sie verwendet wird.