Erstellen von Seitenvorlagen creating-page-templates

Wenn Sie eine Seite erstellen, müssen Sie eine Vorlage auswählen. Diese wird als Grundlage für die Erstellung der neuen Seite verwendet. Die Vorlage definiert die Struktur der Seite, anfängliche Inhalte und die Komponenten, die verwendet werden können.

Mit dem Vorlageneditor ist das Erstellen und Verwalten von Vorlagen nicht mehr nur eine Aufgabe für Entwickler. Auch ein Power User, der als Vorlagenautor bezeichnet wird, kann einbezogen werden. Entwickler müssen weiterhin die Umgebung einrichten, Clientbibliotheken erstellen und die zu verwendenden Komponenten erstellen. Sobald diese Grundlagen vorhanden sind, hat der Vorlagenautor jedoch die Flexibilität, Vorlagen ohne Entwicklungsprojekt zu erstellen und zu konfigurieren.

Mit der Vorlagenkonsole können Vorlagenautorinnen bzw. -autoren:

Mit dem Vorlageneditor können Vorlagenautoren:

In diesem Dokument wird erklärt, wie ein Vorlagenautor die Vorlagenkonsole und den Vorlageneditor verwenden kann, um bearbeitbare Vorlagen zu erstellen und zu verwalten.

Ausführliche Informationen zur Funktionsweise von bearbeitbaren Vorlagen auf technischer Ebene finden Sie im Entwicklerdokument Seitenvorlagen.

Bevor Sie beginnen before-you-start

Bevor Sie beginnen, sollten Sie beachten, dass das Erstellen einer Vorlage eine Zusammenarbeit erfordert. Aus diesem Grund wird für jede Aufgabe eine Rolle angezeigt. Dies hat keinen Einfluss auf die Art und Weise, wie Sie eine Seite mit einer Vorlage erstellen, sondern nur auf die Weise, wie eine Seite mit ihrer Vorlage in Beziehung steht.

Rollen roles

Für das Erstellen einer neuen Vorlage mithilfe der Vorlagenkonsole und des Vorlageneditors ist eine Zusammenarbeit zwischen folgenden Rollen erforderlich:

Aufgrund der Natur einiger Aufgaben (etwa dem Erstellen eines Ordners) ist eine Entwicklungsumgebung erforderlich, für die wiederum Kenntnisse/Erfahrung benötigt werden.

Die in diesem Dokument beschriebenen Aufgaben werden jeweils mit der Rolle aufgelistet, die für ihre Durchführung verantwortlich ist.

Erstellen und Verwalten von Vorlagen creating-and-managing-templates

Gehen Sie zum Erstellen einer bearbeitbaren Vorlage wie folgt vor:

Erstellen eines Vorlagenordners – Administrator creating-a-template-folder-admin

Für Ihr Projekt sollte ein Vorlagenordner für Ihre projektspezifischen Vorlagen erstellt werden. Dies ist eine Verwaltungsaufgabe und wird in dem Dokument Seitenvorlagen beschrieben.

Erstellen einer neuen Vorlage – Vorlagenautorin bzw. -autor creating-a-new-template-template-author

Definieren von Vorlageneigenschaften – Vorlagenautor defining-template-properties-template-author

Eine Vorlage kann die folgenden Eigenschaften aufweisen:

So zeigen Sie die Eigenschaften an bzw. bearbeiten sie:

Vorlagenminiaturbild template-thumbnail-image

So definieren Sie die Miniaturansicht für eine Vorlage:

Aktivieren und Zulassen einer Vorlage – Vorlagenautorin bzw. -autor enabling-and-allowing-a-template-template-author

Um beim Erstellen einer Seite eine Vorlage zu verwenden, gehen Sie wie folgt vor:

Aktivieren einer Vorlage – Vorlagenautor enabling-a-template-template-author

Eine Vorlage kann aktiviert oder deaktiviert werden, damit sie im Assistenten Seite erstellen verfügbar bzw. nicht verfügbar ist.

Zulassen einer Vorlage – Autor allowing-a-template-author

Eine Vorlage kann für bestimmte Seitenverzweigungen verfügbar oder nicht verfügbar gemacht werden.

Veröffentlichen einer Vorlage – Vorlagenautor publishing-a-template-template-author

Da beim Rendern einer Seite auf die Vorlage verwiesen wird, muss die vollständig konfigurierte Vorlage veröffentlicht werden, damit sie in der Veröffentlichungsumgebung verfügbar ist.

Bearbeiten von Vorlagen | Vorlagenautorinnen und -autoren editing-templates-template-authors

Beim Erstellen oder Bearbeiten einer Vorlage können verschiedene Aspekte definiert werden. Das Bearbeiten von Vorlagen ähnelt der Seitenbearbeitung.

Mit der Modusauswahl in der Symbolleiste können Sie die jeweiligen Aspekte der Vorlage auswählen und bearbeiten:

Mit der Option Seitenrichtlinie im Menü Seiteninformationen können Sie die erforderlichen Seitenrichtlinien auswählen:

Vorlagenattribute template-attributes

Die folgenden Attribute einer Vorlage können bearbeitet werden:

Struktur template-structure

Komponenten, die zur Struktur hinzugefügt werden, können von den Seitenautoren nicht von den resultierenden Seiten entfernt/verschoben werden. Wenn Seitenautoren in der Lage sein sollen, neue Komponenten zu resultierenden Seiten hinzuzufügen und daraus zu entfernen, müssen Sie der Vorlage ein Absatzsystem hinzufügen.

Wenn Komponenten gesperrt sind, können Sie Inhalte hinzufügen, die von Seitenautorinnen bzw. -autoren nicht bearbeitet werden können. Sie können Komponenten entsperren, damit Sie den anfänglichen Inhalt definieren können.

Anfänglicher Inhalt template-initial-content

Wenn eine Komponente entsperrt wurde, können Sie den anfänglichen Inhalt definieren, der auf die resultierenden Seiten kopiert wird, die aus der Vorlage erstellt werden. Diese entsperrten Komponenten können auf den resultierenden Seiten bearbeitet werden.

Layout template-layout

Mit dem Layout können Sie das Vorlagen-Layout für die erforderlichen Geräteformate vordefinieren. Der Modus Layout für das Erstellen von Vorlagen bietet dieselben Funktionen wie der Modus Layout für das Erstellen von Seiten.

Seitenrichtlinien template-page-policies

Unter Seitenrichtlinien können Sie vordefinierte Seitenrichtlinien für die Seite verknüpfen. Diese Seitenrichtlinien definieren die verschiedenen Design-Konfigurationen.

Stile template-styles

Das Stilsystem ermöglicht es einem Vorlagenautor, in der Inhaltsrichtlinie für Komponenten Stilklassen festzulegen, die ein Inhaltsautor später bei der Bearbeitung der Komponente auf einer Seite auswählen kann. Diese Stile können alternative visuelle Varianten einer Komponente sein, um das Verfahren flexibler zu gestalten.

Weitere Informationen finden Sie in der Dokumentation zum Stilsystem.

Bearbeiten einer Vorlage – Struktur – Vorlagenautor editing-a-template-structure-template-author

Im Strukturmodus definieren Sie Komponenten und Inhalte für Ihre Vorlage sowie Richtlinien für die Vorlage und die zugehörigen Komponenten.

Es gibt eine Reihe von Aktionen, die Sie im Strukturmodus des Vorlageneditors ausführen können, sowie eine Reihe von Funktionen, die Ihnen dabei helfen:

Hinzufügen von Komponenten add-components

Es gibt mehrere Möglichkeiten, Komponenten zur Vorlage hinzuzufügen:

Sobald sie hinzugefügt wurde, wird jede Komponente markiert mit:

Komponenten-Aktionen component-actions

Nehmen Sie Aktionen für die Komponenten vor, nachdem sie der Vorlage hinzugefügt wurden. Jede einzelne Instanz enthält eine Symbolleiste, über die Sie auf die verfügbaren Aktionen zugreifen können. Die Symbolleiste hängt vom Komponententyp ab.

Sie kann auch von durchgeführten Aktionen abhängig sein. Wenn z. B. eine Richtlinie mit der Komponente verbunden wurde, ist das Design-Konfigurationssymbol verfügbar.

Bearbeiten und Konfigurieren edit-and-configure

Mit diesen zwei Aktionen können Sie Inhalte zu Ihren Komponenten hinzufügen.

Rand für die Anzeige der Struktur border-to-indicate-structure

Wenn Sie im Struktur-Modus arbeiten, zeigt eine orangefarbene Umrandung die aktuell ausgewählte Komponente an. Außerdem zeigt eine gepunktete Linie die übergeordnete Komponente an.

Richtlinien und Eigenschaften (Allgemein) policy-and-properties-general

Die Richtlinien für Inhalt (oder Design) definieren die Entwurfseigenschaften einer Komponente. Zum Beispiel die verfügbaren Komponenten oder minimale/maximale Abmessungen. Diese sind auf die Vorlage anwendbar (und auf Seiten, die mit der Vorlage erstellt wurden).

Erstellen Sie für eine Komponente eine Inhaltsrichtlinie oder wählen Sie eine vorhandene.

Damit können Sie die Design-Details definieren.

Das Konfigurationsfenster ist in zwei Hälften geteilt.

Die verfügbaren Eigenschaften hängen von der ausgewählten Komponente ab. Für eine Textkomponente beispielsweise definieren die Eigenschaften unter anderem die Optionen zum Kopieren und Einfügen, die Formatierungsoptionen und den Absatzstil.

Richtlinie policy

Die Richtlinien für Inhalt (oder Design) definieren die Entwurfseigenschaften einer Komponente. Zum Beispiel die verfügbaren Komponenten oder minimale/maximale Abmessungen. Diese sind auf die Vorlage anwendbar (und auf Seiten, die mit der Vorlage erstellt wurden).

Unter Richtlinie  können Sie eine vorhandene Richtlinie auswählen, die per Dropdown-Liste auf die Komponente angewendet wird.

Sie können eine neue Richtlinie hinzufügen, indem Sie auf die Schaltfläche „Hinzufügen“ klicken, die sich neben der Dropdown-Liste Richtlinie auswählen befindet. Geben Sie einen neuen Namen im Feld Richtlinienname  an.

Die in der Dropdown-Liste Richtlinie auswählen ausgewählte vorhandene Richtlinie kann mithilfe der Schaltfläche „Kopieren“, die sich neben der Dropdown-Liste befindet, kopiert werden. Geben Sie einen neuen Namen im Feld Richtlinienname an. Standardmäßig erhält die kopierte Richtlinie den Namen Kopie von X, wobei X der Name der kopierten Richtlinie ist.

Eine Beschreibung der Richtlinie im Feld Richtlinienbeschreibung ist optional.

Im Abschnitt Andere Vorlagen, die ebenfalls die ausgewählte Richtlinie verwenden ist leicht ersichtlich, welche anderen Vorlagen die Richtlinie verwenden, die in der Dropdown-Liste Richtlinie auswählen ausgewählt wurde.

Eigenschaften properties

Unter der Überschrift Eigenschaften können Sie die Einstellungen der Komponente festlegen. Die Überschrift hat zwei Registerkarten:

Allgemein main

Auf der Registerkarte Allgemein sind die wichtigsten Einstellungen der Komponente definiert.

Beispielsweise kann die zulässige Breite für eine Bildkomponente zusammen mit der Aktivierung des „Lazy Loading“ (Langsames Laden) definiert werden.

Wenn eine Einstellung mehrere Konfigurationen zulässt, wählen Sie die Schaltfläche Hinzufügen aus, um eine weitere Konfiguration hinzuzufügen.

Um eine Konfiguration zu entfernen, wählen Sie die Schaltfläche Löschen aus, die sich rechts neben der Konfiguration befindet.

Um eine Konfiguration zu entfernen, wählen Sie die Schaltfläche Löschen aus.

Funktionen features

Auf der Registerkarte Funktionen können Sie zusätzliche Funktionen der Komponente aktivieren bzw. deaktivieren.

Beispielsweise können Sie für eine Bildkomponente die Zuschneideproportionen, die zulässigen Bildausrichtungen und die Möglichkeit von Uploads definieren.

Richtlinien und Eigenschaften (Layout-Container) policy-and-properties-layout-container

Die Richtlinien- und Eigenschafteneinstellungen eines Layout-Containers ähneln der allgemeinen Verwendung, allerdings mit einigen Unterschieden.

Das Konfigurationsfenster ist in zwei Bereiche unterteilt, ebenso wie in der allgemeinen Nutzung des Fensters.

Richtlinie policy-layout

Die Richtlinien für Inhalt (oder Design) definieren die Entwurfseigenschaften einer Komponente. Zum Beispiel die verfügbaren Komponenten oder minimale/maximale Abmessungen. Diese sind auf die Vorlage anwendbar (und auf Seiten, die mit der Vorlage erstellt wurden).

Unter Richtlinie können Sie eine vorhandene Richtlinie auswählen, die über das Dropdown-Menü auf die Komponente angewendet wird. Dies funktioniert ebenso wie bei der allgemeinen Verwendung des Fensters.

Eigenschaften properties-layout

Unter der Überschrift Eigenschaften können Sie auswählen, welche Komponenten für den Layout-Container zur Verfügung stehen, und deren Einstellungen festlegen. Die Überschrift hat drei Registerkarten:

Zugelassene Komponenten allowed-components

Auf der Registerkarte Zugelassene Komponenten legen Sie fest, welche Komponenten für den Layout-Container verfügbar sind.

Standardkomponenten default-components

Auf der Registerkarte Standardkomponenten legen Sie fest, welche Komponenten automatisch mit bestimmten Medientypen verknüpft werden, damit AEM beim Ziehen eines Assets aus dem Asset-Browser weiß, mit welcher Komponente es verknüpft werden soll. Nur Komponenten mit Ablagebereichen sind für eine solche Konfiguration verfügbar.

Wählen Sie Zuordnung hinzufügen aus, um eine völlig neue Komponente und MIME-Typzuordnung hinzuzufügen.

Wählen Sie eine Komponente in der Liste und dann Typ hinzufügen aus, um einer bereits zugeordneten Komponente einen zusätzlichen MIME-Typ hinzuzufügen. Klicken Sie auf das Symbol Löschen, um einen MIME-Typ zu entfernen.

Responsive Einstellungen responsive-settings

Auf der Registerkarte Responsive Einstellungen können Sie die Anzahl der Spalten im resultierenden Raster des Layout-Containers konfigurieren.

Sperren und Entsperren von Komponenten unlock-and-lock-components

Komponenten werden entsperrt/gesperrt, um festzulegen, ob der Inhalt im Modus Anfänglicher Inhalt geändert werden darf.

Wenn eine Komponente entsperrt wurde:

Dies umfasst das Entsperren von Containerkomponenten, sodass weitere Komponenten hinzugefügt werden können, entweder im Ursprüngliche Inhalte oder auf den daraus resultierenden Seiten. Wenn Sie dem Container bereits Komponenten oder Inhalte hinzugefügt haben, bevor Sie ihn freigeschaltet haben, dann werden diese im Modus Struktur nicht mehr angezeigt, aber sie werden im Modus Anfänglicher Inhalt angezeigt. Im Strukturmodus werden nur die Container-Komponente selbst und die zugehörige Liste der zugelassenen Komponenten angezeigt.

Der Layout-Container wächst nicht an, um die Liste der zulässigen Komponenten aufzunehmen. Auf diese Weise wird Speicherplatz gespart. Stattdessen wird der Container zu einer Liste, die gescrollt werden kann.

Komponenten, die konfigurierbar sind, werden mit einem Symbol für Richtlinien angezeigt, auf das Sie tippen/klicken können, um die Richtlinie und Eigenschaften dieser Komponente zu bearbeiten.

Beziehung zu vorhandenen Seiten relationship-to-existing-pages

Auf diesen Seiten werden die Änderungen an der Vorlage widergespiegelt, wenn die Struktur aktualisiert wird, nachdem die Seiten auf der Grundlage der Vorlage erstellt wurden. In der Symbolleiste wird eine Warnung mit einem Bestätigungsdialog angezeigt, um Sie an diese Tatsache zu erinnern.

Bearbeiten einer Vorlage – Anfänglicher Inhalt – Autor editing-a-template-initial-content-author

Der Modus Anfänglicher Inhalt wird für definierten Inhalt verwendet, der angezeigt wird, wenn eine Seite anfänglich auf der Grundlage einer Vorlage erstellt wird. Der anfängliche Inhalt kann dann von Seitenautorinnen oder -autoren bearbeitet werden.

Obwohl der gesamte Inhalt, der im Modus Struktur erstellt wird, im Modus Anfänglicher Inhalt sichtbar ist, können nur entsperrte Komponenten ausgewählt und bearbeitet werden.

Bearbeiten einer Vorlage – Layout – Vorlagenautor editing-a-template-layout-template-author

Sie können das Vorlagen-Layout für verschiedene Geräte definieren. Responsives Layout funktioniert für Vorlagen ebenso wie für die Seitenbearbeitung.

Bearbeiten einer Vorlage – Seitenrichtlinie – Vorlagenautor/Entwickler editing-a-template-page-policy-template-author-developer

Die Seitenrichtlinie einschließlich der erforderlichen Client-seitigen Bibliotheken wird unter der Option Seitenrichtlinie im Menü Seiteninformationen verwaltet.

So greifen Sie auf das Dialogfeld Seitenrichtlinie zu:

Seitenrichtlinien page-policies

Sie können eine Inhaltsrichtlinie auf die Vorlage oder resultierende Seiten anwenden. So wird die Inhaltsrichtlinie für das Hauptabsatzsystem auf der Seite definiert.

Seiteneigenschaften page-properties

Mithilfe der Seiteneigenschaften können Sie die erforderlichen Client-seitigen Bibliotheken definieren, indem Sie das Dialogfeld Seiten-Design verwenden. Diese Client-seitigen Bibliotheken enthalten Stylesheets und JavaScript, die zusammen mit der Vorlage und den mit der Vorlage erstellten Seiten geladen werden.

Bearbeiten einer Vorlage – Anfängliche Seiteneigenschaften – Autor editing-a-template-initial-page-properties-author

Mit der Option Anfängliche Seiteneigenschaften können Sie die anfänglichen Seiteneigenschaften definieren, die bei der Erstellung einer neuen Seite gelten sollen.

Best Practices best-practices

Beim Erstellen von Vorlagen sollten Sie Folgendes berücksichtigen: