Site-Vorlagen site-templates

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 overview

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.

NOTE
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 adding

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. Wählen Sie oben rechts im Bildschirm die Option Erstellen und dann aus dem Dropdown-Menü die Option Site aus Vorlage aus.

    Erstellen einer Site aus einer Vorlage

  3. Wählen Sie im Assistenten zum Erstellen von Sites oben in der linken Spalte Importieren.

    Assistent zur Site-Erstellung

  4. Finden Sie im Datei-Browser 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 structure

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 und Seiten.
  • theme: Quellen des Site-Designs, um das Aussehen der Site zu ändern, einschließlich CSS, JavaScript usw.

Standard-Site-Vorlage standard-site-template

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 developing-templates

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.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab