Anfänglicher Sandbox-Inhalt

In diesem Abschnitt erstellen Sie die folgenden Seiten, die alle die Seitenvorlage verwenden:

  • SCF Sandbox-Site, die zur englischen Version der Hauptseite umleitet

    • SCF Sandbox - Die Hauptseite für die englische Version der Site

      • SCF Play - Untergeordnetes Element der Hauptseite, auf der die Wiedergabe durchgeführt werden soll

Obwohl dieses Lernprogramm nicht in Sprachkopien eingeht, wurde es so konzipiert, dass die Stammeseite die Erkennung der bevorzugten Sprache für den Benutzer über die HTML-Kopfzeile implementieren und zur entsprechenden Hauptseite für die Sprache weiterleiten kann. Die Regel besteht darin, den aus zwei Buchstaben bestehenden Ländercode für den Knotennamen der Seite zu verwenden, z. B. "en"für Englisch, "fr"für Französisch usw.

Erste Seiten erstellen

Da nun eine Seitenvorlage vorhanden ist, können wir die Stammseite der Website im Verzeichnis /content einrichten.

  1. Die Standard-Benutzeroberfläche bietet derzeit Entwürfe zum Erstellen von Sites. Da dieses Lernprogramm eine einfache Site erstellt, ist die klassische Benutzeroberfläche nützlich.

    Um zur klassischen Benutzeroberfläche zu wechseln, wählen Sie "Globale Navigation"und halten Sie den Mauszeiger über die rechte Seite des Projektsymbols. Wählen Sie das Symbol Zu klassischer Benutzeroberfläche wechseln, das angezeigt wird:

    chlimage_1-36

    Die Möglichkeit, zur klassischen Benutzeroberfläche zu wechseln, muss von einem Administrator aktiviert werden.

  2. Wählen Sie auf der Begrüßungsseite Klassische Benutzeroberfläche Websites.

    chlimage_1-37

    Alternativ können Sie die klassische Benutzeroberfläche für Websites direkt aufrufen, indem Sie zu /siteadmin. navigieren.

  3. Wählen Sie im Explorer-Bereich Websites und klicken Sie dann in der Symbolleiste auf Neu > Neue Seite.

    Geben Sie im Dialogfeld Seite erstellen Folgendes ein:

    • Titel: SCF Sandbox Site
    • Name: an-scf-sandbox
    • Wählen Sie eine SCF-Sandbox-Abspielvorlage
    • Klicken Sie auf Erstellen.

    chlimage_1-38

  4. Wählen Sie im Explorer-Bereich die soeben erstellte Seite /Websites/SCF Sandbox Site und klicken Sie auf Neu > Neue Seite:

    • Titel: SCF Sandbox
    • Name: en
    • Wählen Sie eine SCF-Sandbox-Abspielvorlage
    • Klicken Sie auf Erstellen.
  5. Wählen Sie im Explorer-Bereich die soeben erstellte Seite /Websites/SCF Sandbox Site/SCF Sandbox und klicken Sie auf Neu > Neue Seite

    • Titel: SCF Play
    • Name: play
    • Wählen Sie eine SCF-Sandbox-Abspielvorlage
    • Klicken Sie auf Erstellen.
  6. So wird die Website jetzt in der Websites-Konsole angezeigt. Beachten Sie, dass untergeordnete Seiten des im Explorer-Bereich ausgewählten Elements im rechten Bereich angezeigt werden, wo sie verwaltet werden können.

    chlimage_1-39

    Dies ist die Repository-Ansicht, die mit dem Website-Tool und der Vorlage erstellt wurde:

    chlimage_1-40

hinzufügen des Designpfads

Wenn [/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns) mithilfe des Abschnitts "Designs"in der Tools-Konsole erstellt wurde, wird die Eigenschaft

  • cq:template="/libs/wcm/core/templates/designpage?lang=de"

definiert wurde, was die optionale Möglichkeit bietet, mit currentDesign.getPath() auf Designelemente in einem Skript zu verweisen. Beispiel

  • <>

    • Name: cq:designPath
    • Typ: String
    • Wert: /etc/designs/an-scf-sandbox
  • Klicken Sie auf das grüne [+] Add

Der Befund sollte wie folgt aussehen:

chlimage_1-41

  • Klicken Sie auf Alle speichern

[ Probleme beim Sparen? Melden Sie sich erneut an! ]

HINWEIS

Die Verwendung von cq:designPath ist optional und steht in keinem Zusammenhang mit der Verwendung von clientlibs, die im Wesentlichen erforderlich sind, da die SCF-Komponenten clientlibs verwenden, um ihre JS und CSS zu verwalten.

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now