webEdition: Die Hauptvorlage

Schon lange unterstützt webEditon die Idee von Hauptvorlagen. Das Konzept dahinter berücksichtigt die Tatsache, dass die meisten Websites immer den selben Rahmen verwenden und die einzigen Anpassungen Bereiche im Content betreffen:

Beispiel für eine Übersichtsseite

<!doctype html>
<html lang="de">
<head>
<title>Der Name der Seite: Liste</title>
</head>
<body>

<nav>...</nav>

<h1>Der Name der Seite: Liste</h1>

<section>
<h2>Eine Liste</h2>
<ul>
<li><a href="/erstens/">Erstens</a></li>
<li><a href="/zweitens/">Zweitens</a></li>
</ul>
</section>

<footer>...</footer>

</body>
</html>

Beispiel für eine Detailseite

<!doctype html>
<html lang="de">
<head>
<title>Ganz andere Seite</title>
</head>
<body>

<nav>...</nav>

<article>
<h1>Das ist eine ganz andere Seite</h1>

<img src="./bild.gif">

<p>Wenn ist das Nunstück git und Slotermeyer? Ja! ... Beiherhund das Oder die Flipperwaldt gersput. </p>

</article>

<footer>...</footer>

</body>
</html>

 

Hat man mehr als 2 Seitenvorlagen, werden Änderungen im Hauptgefüge schnell unübersichtlich und unwartbar. Andere Template-"Systeme" wie das von WordPress lagern deshalb Header und Footer in Includes aus. Eleganter ist die Methode von webEdition:

Hauptvorlage.tmpl

Zunächst erzeugen wir diese Vorlage und nennen sie z.B. "Hauptvorlage" (oder "Main"):

<!doctype html>
<html lang="de">
<head>
<we:title></we:title>
</head>
<body>

<we:content />

</body>
</html>

Eine einfache Vorlage mit Überschrift und Text

 Im zweiten Schritt erzeugen wir eine Vorlage, die so aussehen kann:

<we:input type="text" name="h1" size="50"/>
<we:textarea wysiwyg="true" name="content" />

 und weisen ihr unter "Eigenschaften" die Hauptvorlage zu.

Der von dieser Vorlage ausgegebene Code wird an der Stelle der Hauptvorlage eingefügt, der mit <we:content /> markiert ist.