In diesem Kapitel werden wir die Beziehung zwischen einer Seitenvorlage und einer Seite untersuchen. Wir werden eine nicht formatierte Zeitschriftenartikelvorlage erstellen, die auf einigen Mockups von AdobeXD. Beim Erstellen der Vorlage werden Kernkomponenten und erweiterte Richtlinienkonfigurationen behandelt.
Dies ist ein mehrteiliges Tutorial, und es wird davon ausgegangen, dass die im Verfassen von Inhalten und Veröffentlichen von Änderungen -Kapitel abgeschlossen.
In diesem Teil des Tutorials erstellen Sie eine neue Vorlage für Zeitschriftenartikel, mit der neue Zeitschriftenartikel erstellt und an einer gemeinsamen Struktur ausgerichtet werden können. Die Vorlage basiert auf Designs und einem in Adobe XD erstellten UI Kit. Dieses Kapitel konzentriert sich ausschließlich auf die Erstellung der Struktur oder des Skeletts der Vorlage. Es werden keine Stile implementiert, aber die Vorlage und die Seiten funktionieren.
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 resultierenden Seite, den anfänglichen Inhalt und die zulässigen Komponenten.
Es gibt 3 Hauptbereiche von Seitenvorlagen:
Erstellen Sie anschließend eine neue Vorlage in AEM, die der Struktur der Sicherungen entspricht. Dies geschieht in einer lokalen Instanz von AEM. Führen Sie die folgenden Schritte aus:
Sie können die folgende Miniaturansicht verwenden, um Ihre Vorlage zu identifizieren (oder Ihre eigene hochladen!)
A abgeschlossen Lösung der Magazine-Vorlage kann über Package Manager heruntergeladen und installiert werden.
Eine gängige Praxis bei der Erstellung globaler Inhalte, wie Kopf- oder Fußzeilen, besteht darin, eine Experience Fragment. Experience Fragments ermöglicht es Benutzern, mehrere Komponenten zu kombinieren, um eine einzelne, referenzierbare Komponente zu erstellen. Experience Fragments bieten die Vorteile der Unterstützung von Multi-Site-Management und Lokalisierung.
Die Site-Vorlage erzeugte eine Kopf- und Fußzeile. Aktualisieren Sie anschließend die Experience Fragments, um sie an die Modelle anzupassen. Führen Sie die folgenden Schritte aus:
Allgemeine Schritte für das folgende Video:
Erstellen Sie anschließend eine neue Seite mithilfe der Vorlage "Zeitschriftenartikelseite". Verfassen Sie den Inhalt der Seite so, dass er mit den Site-Stichproben übereinstimmt. Führen Sie die folgenden Schritte aus:
Verwenden Sie die bereitgestellter Text , um den Artikeltext zu füllen.
Herzlichen Glückwunsch, Sie haben soeben eine neue Vorlage und Seite mit Adobe Experience Manager Sites erstellt.
An dieser Stelle entsprechen die Zeitschriftenartikelseite und die Website nicht den Markenstilen für WKND. Befolgen Sie die Themen Tutorial zu den Best Practices zum Aktualisieren von CSS- und JavaScript-Frontend-Code, der zum Anwenden globaler Stile auf die Site verwendet wird.
Ein Lösungspaket für dieses Kapitel kann heruntergeladen werden: WKND-Magazine-Template-SOLUTION-1.0.zip.