Benutzer-Werkzeuge

Webseiten-Werkzeuge


design:twig:design-manual

TWIG für Template-Designer

Dieses Dokument beschreibt die Syntax und Semantik der Template-Engine und ist sehr brauchbar als Referenz zur Erstellung von Twig Templates.

Übersicht

Ein Template ist einfach eine Textdatei. Es kann jedes textbasierte Format (HTML, XML, CSV, LaTeX, etc.) erzeugen. Es erfordert nicht eine bestimmte Erweiterung, .html oder .xml genügen.
Eine Vorlage enthält Variablen oder Ausdrücke, die, wenn die Vorlage ausgewertet wird, mit den Werten ersetzt werden und es enthält Tags, die die Logik des Temlates steuern.
Unten ist eine minimal-Vorlage, die ein paar Grundlagen veranschaulicht. Wir werden weitere Details später abdecken:

<!DOCTYPE html>
<html>
    <head>
        <title>{{ site.title }}</title>
    </head>
    <body>
        <ul id="navigation">
        {% for item in navigation %}
            <li><a href="{{ item.href }}">{{ item.caption }}</a></li>
        {% endfor %}
        </ul>
 
        <h1>{{ page.title }}</h1>
        {{ page.content }}
    </body>
</html>
design/twig/design-manual.txt · Zuletzt geändert: 30.01.2020 16:29 von Manuela v.d.Decken