Erstellen einer Site

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 Standardsite-Vorlage wird als Ausgangspunkt für die neue Site verwendet.

Voraussetzungen

Die Schritte in diesem Kapitel finden in einer Adobe Experience Manager as a Cloud Service-Umgebung statt. Stellen Sie sicher, dass Sie Administratorzugriff auf die AEM haben. Es wird empfohlen, eine Sandbox-Programm und Entwicklungsumgebung zum Abschluss dieses Tutorials.

Überprüfen Sie die Onboarding-Dokumentation für weitere Details.

Ziel

  1. Erfahren Sie, wie Sie mit dem Assistenten zur Site-Erstellung eine neue Site erstellen können.
  2. Machen Sie sich mit der Rolle von Site-Vorlagen vertraut.
  3. Erkunden Sie die generierte AEM-Site.

Bei Adobe Experience Manager Author anmelden

Melden Sie sich als ersten Schritt bei Ihrer AEM as a Cloud Service Umgebung an. AEM Umgebungen auf eine Autorendienst und Veröffentlichungsdienst.

  • Autorendienst - wo Site-Inhalte erstellt, verwaltet und aktualisiert werden. In der Regel haben nur interne Benutzer Zugriff auf die Autorendienst und sich hinter einem Anmeldebildschirm befindet.
  • Veröffentlichungsdienst - hostet die Live-Website. Dies ist der Dienst, den Endbenutzer sehen werden und der normalerweise öffentlich verfügbar ist.

Der Großteil des Tutorials wird mithilfe des Autorendienst.

  1. Navigieren zur Adobe Experience Cloud https://experience.adobe.com/. Melden Sie sich mit Ihrem persönlichen Konto oder einem Firmen-/Schulkonto an.

  2. Stellen Sie sicher, dass im Menü die richtige Organisation ausgewählt ist, und klicken Sie auf Experience Manager.

    Experience Cloud - Startseite

  3. under Cloud Manager click Launch.

  4. Bewegen Sie den Mauszeiger über das Programm, das Sie verwenden möchten, und klicken Sie auf Cloud Manager-Programm Symbol.

    Symbol für das Cloud Manager-Programm

  5. Klicken Sie im oberen Menü auf Umgebungen , um die bereitgestellten Umgebungen anzuzeigen.

  6. Suchen Sie die gewünschte Umgebung und klicken Sie auf die Schaltfläche Autoren-URL.

    Auf dev-Autor zugreifen

    HINWEIS

    Es wird empfohlen, eine Entwicklung Umgebung für dieses Tutorial.

  7. Die AEM erhält eine neue Registerkarte Autorendienst. Klicken Mit Adobe anmelden und Sie sollten automatisch mit denselben Experience Cloud-Anmeldedaten angemeldet sein.

  8. Nach der Umleitung und Authentifizierung sollte nun der AEM Startbildschirm angezeigt werden.

    Startbildschirm AEM

HINWEIS

Haben Sie Probleme beim Zugriff auf Experience Manager? Überprüfen Sie die Onboarding-Dokumentation

Herunterladen der einfachen Site-Vorlage

Eine Site-Vorlage bietet einen Ausgangspunkt für eine neue Site. Eine Site-Vorlage umfasst einige grundlegende Designs, Seitenvorlagen, Konfigurationen und Beispielinhalte. Was genau in der Site-Vorlage enthalten ist, liegt beim Entwickler. Adobe bietet eine Grundlegende Site-Vorlage die Beschleunigung neuer Implementierungen.

  1. Öffnen Sie eine neue Browser-Registerkarte und navigieren Sie auf GitHub zum Projekt "Grundlegende Site-Vorlage": https://github.com/adobe/aem-site-template-standard. Das Projekt ist Open-Source-basiert und lizenziert für die Verwendung durch jedermann.

  2. Klicken Versionen und navigieren Sie zum neueste Version.

  3. Erweitern Sie die Assets herunterladen und die Zip-Vorlagendatei herunterladen:

    Einfache ZIP-Site-Vorlage

    Diese ZIP-Datei wird in der nächsten Übung verwendet.

    HINWEIS

    Dieses Tutorial wurde mit Version geschrieben 1.1.0 der Site-Grundvorlage. Wenn Sie ein neues Projekt zur Verwendung in der Produktion starten, wird immer empfohlen, die neueste Version zu verwenden.

Neue Site erstellen

Als Nächstes generieren Sie mithilfe der Site-Vorlage aus der vorherigen Übung eine neue Site.

  1. Kehren Sie zur AEM Umgebung zurück. Navigieren Sie im Bildschirm AEM Start zu Sites.

  2. Klicken Sie in der oberen rechten Ecke auf Erstellen > Site (Vorlage). Daraus ergeben sich die Assistent zum Erstellen von Sites.

  3. under Auswählen einer Site-Vorlage klicken Sie auf Import Schaltfläche.

    Hochladen der .zip Vorlagendatei, die aus der vorherigen Übung heruntergeladen wurde.

  4. Wählen Sie die Grundlegende AEM Site-Vorlage und klicken Sie auf Nächste.

    Site-Vorlage auswählen

  5. under Site-Details > Site-Titel enter WKND Site.

    In einer realen Implementierung würde "WKND Site"durch den Markennamen Ihres Unternehmens oder Ihrer Organisation ersetzt. In diesem Tutorial simulieren wir die Erstellung einer Website für eine fiktive Lifestyle-Marke "WKND".

  6. under Site-Name enter wknd.

    Details zur Site-Vorlage

    HINWEIS

    Wenn Sie eine freigegebene AEM verwenden, hängen Sie eine eindeutige Kennung an die Site-Name. Beispiel wknd-site-johndoe. Dadurch wird sichergestellt, dass mehrere Benutzer dasselbe Tutorial ohne Kollisionen abschließen können.

  7. Klicken Erstellen , um die Site zu generieren. Klicken Fertig im Erfolg angezeigt, wenn AEM die Erstellung der Website abgeschlossen hat.

Neue Site durchsuchen

  1. Navigieren Sie zur AEM Sites-Konsole, falls noch nicht vorhanden.

  2. Eine neue WKND-Site wurde generiert. Es wird eine Site-Struktur mit einer mehrsprachigen Hierarchie enthalten.

  3. Öffnen Sie die englisch > Startseite Seite durch Auswahl der Seite und Klicken auf Bearbeiten in der Menüleiste:

    WKND-Site-Hierarchie

  4. Starterinhalt 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. Im nächsten Kapitel lernen Sie die Grundlagen einer Komponente kennen.

    Startseite starten

    Beispielinhalt, der von der Site-Vorlage bereitgestellt wird

Herzlichen Glückwunsch!

Herzlichen Glückwunsch, Sie haben gerade Ihre erste AEM Site erstellt!

Nächste Schritte

Verwenden Sie AEM den Seiteneditor in Adobe Experience Manager, um den Inhalt der Website im Inhalte erstellen und veröffentlichen Kapitel. Erfahren Sie, wie atomische Komponenten zur Aktualisierung von Inhalten konfiguriert werden können. Machen Sie sich mit dem Unterschied zwischen einer AEM-Autoren- und Veröffentlichungsumgebung vertraut und erfahren Sie, wie Sie Aktualisierungen auf der Live-Site veröffentlichen.

Auf dieser Seite