Site-Vorlagen

Letzte Aktualisierung: 2023-11-18
  • Erstellt für:
  • Admin

Erfahren Sie, wie AEM-Site-Vorlagen verwendet werden können, um die Site-Struktur und den anfänglichen Inhalt vorab zu definieren, damit Sie Sites schnell erstellen können.

Übersicht

Es ist praktisch, vordefinierte Strukturen zur Verfügung zu haben, um schnell eine auf einem Satz vorhandener Standards basierte Site bereitzustellen. Site-Vorlagen bieten die Möglichkeit, grundlegende Site-Inhalte in einem handlichen und wiederverwendbaren Paket zu kombinieren.

Site-Vorlagen enthalten in der Regel grundlegende Site-Inhalte und -Strukturen sowie Informationen zum Site-Styling, dem sogenannten Site-Design, um schnell eine neue Site zu starten. Admins wählen während des Site-Erstellungsprozesses eine Site-Vorlage aus, auf der die Site basieren soll.

Vorlagen sind leistungsstark, da sie wiederverwendbar und anpassbar sind. Da in Ihrer AEM-Installation mehrere Vorlagen zur Verfügung stehen, können Sie verschiedene Sites erstellen, um unterschiedlichen geschäftlichen Anforderungen gerecht zu werden.

HINWEIS

AEM-Site-Vorlagen sollten nicht mit Seitenvorlagen verwechselt werden. Site-Vorlagen definieren die Gesamtstruktur einer Site. Eine Seitenvorlage definiert die Struktur und den anfänglichen Inhalt einer einzelnen Seite.

AEM-Site-Vorlagen sollten nicht mit AEM Site-Designs verwechselt werden. AEM-Site-Designs enthalten nur die Stil-Informationen für eine AEM-Site. AEM-Site-Vorlagen definieren die Site-Struktur und den anfänglichen Inhalt und beinhalten ein AEM-Site-Design, um die schnelle Erstellung von Sites zu ermöglichen.

Hinzufügen einer Site-Vorlage zu AEM

Sie können mehrere Vorlagen zu AEM hinzufügen, die dann verwendet werden, um Sites zu erstellen.

  1. Melden Sie sich bei Ihrer AEM-Authoring-Umgebung an und navigieren Sie zur Sites-Konsole

    • https://<your-author-environment>.adobeaemcloud.com/sites.html/content
  2. Auswählen Erstellen oben rechts im Bildschirm und aus dem Dropdown-Menü wählen Sie Site aus Vorlage.

    Erstellen einer Site aus einer Vorlage

  3. Wählen Sie im Assistenten Site erstellen die Option Import oben in der linken Spalte.

    Assistent zur Site-Erstellung

  4. Suchen Sie im Dateibrowser die gewünschte Vorlage und wählen Sie Hochladen.

  5. Nach dem Hochladen wird sie in der Liste der verfügbaren Vorlagen angezeigt.

Ihre Vorlage wurde hochgeladen und kann verwendet werden, um neue Sites zu erstellen.

Bei der Auswahl einer vorhandenen Vorlage werden Informationen über die Vorlage in der rechten Spalte angezeigt.

Auswählen einer Vorlage

Site-Vorlagenstruktur

Site-Vorlagen sind schlicht Pakete mit einer logischen Struktur, die den Zweck des Paketinhalts klar widerspiegelt. Eine Site-Vorlage weist die folgende Struktur auf.

  • files: Ordner mit dem Benutzeroberflächen-Kit, einer XD-Datei und möglicherweise anderen Dateien
  • previews: Ordner mit Screenshots der Site-Vorlage
  • site: Inhaltspaket des Inhalts, der für jede aus dieser Vorlage erstellte Site kopiert wird, z. B. Seitenvorlagen, Seiten usw.
  • theme: Quellen für die Site-Design um zu ändern, wie die Site aussieht, einschließlich CSS, JavaScript usw.

Standard-Site-Vorlage

Adobe bietet eine Best-Practices-Referenzvorlage, die Sie als Grundlage für die Erstellung Ihrer eigenen Vorlagen verwenden können. Die Standard-Site-Vorlage ist auf GitHub verfügbar.

Die neueste Version der Standard-Site-Vorlage kann heruntergeladen werden und direkt für die Erstellung neuer Sites verwendet werden.

Entwickeln von Site-Vorlagen

Adobe stellt AEM Site Template Builder als Satz von Skripten zur Erstellung neuer Site-Vorlagen bereit.

AEM Site Template Builder ist zusammen mit der Nutzungsdokumentation auf GitHub verfügbar. Für die Anpassung des Site-Designs wird Frontend-Entwicklererfahrung benötigt, und für die Anpassung der Site-Struktur und ihrer Inhalte wird AEM-Entwicklerwissen benötigt.

Auf dieser Seite