Verwenden Sie im Rahmen der schnellen Site-Erstellung den Assistenten zur Site-Erstellung in Adobe Experience Manager, AEM, um eine neue Website zu erstellen. Die von Adobe bereitgestellte Standard-Site-Vorlage wird als Ausgangspunkt für die neue Site verwendet.
Die Schritte in diesem Kapitel finden in einer Adobe Experience Manager as a Cloud Service-Umgebung statt. Stellen Sie sicher, dass Sie administrativen Zugriff auf die AEM-Umgebung haben. Es wird empfohlen, zur Durchführung dieses Tutorials ein Sandbox-Programm und eine Entwicklungsumgebung zu verwenden.
Produktionsprogramm -Umgebungen können auch für dieses Tutorial verwendet werden. Achten Sie jedoch darauf, dass die Aktivitäten dieses Tutorials keine Auswirkungen auf die in den Zielumgebungen durchgeführten Arbeiten haben, da dieses Tutorial Inhalte und Code in der Ziel-AEM-Umgebung bereitstellt.
Die AEM SDK kann für Teile dieses Tutorials verwendet werden. Aspekte dieses Tutorials, die auf Cloud-Services angewiesen sind, z. B. Bereitstellen von Designs mit der Frontend-Pipeline von Cloud Manager, kann nicht mit dem AEM SDK ausgeführt werden.
Lesen Sie die Onboarding-Dokumentation, um weitere Details zu erfahren.
Melden Sie sich als ersten Schritt in Ihrer AEM as a Cloud Service-Umgebung an. AEM-Umgebungen sind auf einen Autoren-Service und einen Veröffentlichungs-Service aufgeteilt.
Für den Großteil des Tutorials werden die Autoren-Services verwendet.
Navigieren Sie zu Adobe Experience Cloud unter https://experience.adobe.com/. Melden Sie sich mit Ihrem persönlichen Konto oder einem Firmen-/Schulkonto an.
Stellen Sie sicher, dass im Menü die richtige Organisation ausgewählt ist, und klicken Sie auf Experience Manager.
Klicken Sie unter Cloud Manager auf Starten.
Bewegen Sie den Mauszeiger über das Programm, das Sie verwenden möchten, und klicken Sie auf das Symbol des entsprechenden Cloud Manager-Programms.
Klicken Sie im oberen Menü auf Umgebungen, um die bereitgestellten Umgebungen anzuzeigen.
Suchen Sie die gewünschte Umgebung und klicken Sie auf die Autoren-URL.
Es wird empfohlen, für dieses Tutorial eine Entwicklungsumgebung zu verwenden.
Im AEM-Autoren-Service wird eine neue Registerkarte geöffnet. Klicken Sie auf Mit Adobe anmelden. Sie sollten automatisch mit den Experience Cloud-Anmeldeinformationen angemeldet werden.
Nach der Umleitung und Authentifizierung sollte nun der AEM-Startbildschirm angezeigt werden.
Haben Sie Probleme beim Zugriff auf Experience Manager? Lesen Sie in der Onboarding-Dokumentation nach.
Eine Site-Vorlage bildet den Ausgangspunkt für eine neue Site. Eine Site-Vorlage besitzt einige grundlegende Designs, Seitenvorlagen, Konfigurationen und Beispielinhalte. Was genau in der Site-Vorlage enthalten ist, hängt von der Entwicklerin bzw. vom Entwickler ab. Adobe bietet eine allgemeine Site-Vorlage zur Beschleunigung neuer Implementierungen.
Öffnen Sie eine neue Browser-Registerkarte und navigieren Sie auf GitHub zur allgemeinen Site-Vorlage: https://github.com/adobe/aem-site-template-standard. Das Projekt ist Open-Source-basiert und für die Verwendung durch beliebige Benutzende lizenziert.
Klicken Sie auf Versionen und navigieren Sie zur neuesten Version.
Erweitern Sie das Assets-Dropdown und laden Sie die Zip-Vorlagedatei herunter:
Diese ZIP-Datei wird in der nächsten Übung verwendet.
Dieses Tutorial basiert auf der Verwendung von Version 1.1.0 der allgemeinen Site-Vorlage. Wenn Sie ein neues Projekt für die Verwendung in der Produktionsumgebung starten, sollten Sie immer die neueste Version verwenden.
Erstellen Sie als Nächstes eine neue Site unter Verwendung der Site-Vorlage aus der vorherigen Übung.
Kehren Sie zur AEM-Umgebung zurück. Navigieren Sie auf dem AEM-Startbildschirm zu Sites.
Klicken Sie in der oberen rechten Ecke auf Erstellen > Site (Vorlage). Daraufhin wird der Assistent zum Erstellen von Sites aufgerufen.
Klicken Sie unter Site-Vorlage auswählen auf die Schaltfläche Importieren.
Laden Sie die .zip-Vorlagendatei hoch, die Sie in der vorherigen Übung heruntergeladen haben.
Wählen Sie die allgemeine AEM-Site-Vorlage aus und klicken Sie auf Weiter.
Geben Sie unter Site Details > Site-Titel WKND Site
ein.
In einer echten Implementierung würde „WKND Site“ durch den Markennamen Ihres Unternehmens oder Ihrer Organisation ersetzt werden. In diesem Tutorial simulieren wir die Erstellung einer Site für „WKND“, einer fiktive Lifestyle-Marke.
Geben Sie unter Site-Name wknd
ein.
Wenn Sie eine gemeinsam genutzte AEM-Umgebung verwenden, fügen Sie eine eindeutige Kennung an den Site-Namen an. Beispiel: wknd-site-johndoe
. Dadurch wird sichergestellt, dass mehrere Benutzende dasselbe Tutorial ohne Kollisionen abschließen können.
Klicken Sie auf Erstellen, um die Site zu generieren. Klicken Sie im Dialogfeld Erfolg auf Fertig, wenn AEM die Erstellung der Website abgeschlossen hat.
Navigieren Sie zur AEM Sites-Konsole, falls Sie nicht schon dort sind.
Es wurde eine neue WKND-Site erstellt. Sie weist eine Struktur mit einer mehrsprachigen Hierarchie auf.
Öffnen Sie die Seite Englisch > Startseite, indem Sie die Seite auswählen und auf die Schaltfläche Bearbeiten in der Menüleiste klicken:
Der Startinhalt wurde bereits erstellt und es stehen mehrere Komponenten zur Verfügung, die einer Seite hinzugefügt werden können. Experimentieren Sie mit diesen Komponenten, um eine Vorstellung von der Funktionalität zu erhalten. Die Grundlagen einer Komponente werden Sie im nächsten Kapitel kennenlernen.
Beispielinhalt der Site-Vorlage
Herzlichen Glückwunsch, Sie haben gerade Ihre erste AEM Site erstellt!
Verwenden Sie den Seiteneditor in Adobe Experience Manager (AEM), um den Inhalt der Site im Kapitel Verfassen und Veröffentlichen von Inhalt zu aktualisieren. Erfahren Sie, wie atomare Komponenten zur Aktualisierung von Inhalten konfiguriert werden können. Lernen Sie den Unterschied zwischen einer AEM-Autoren- und einer Veröffentlichungsumgebung kennen und erfahren Sie, wie Sie Aktualisierungen auf der Live-Site veröffentlichen können.