Anfänglicher Sandbox-Inhalt initial-sandbox-content

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

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

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

    • SCF Play - Untergeordnetes Element der Hauptseite, auf der abgespielt werden soll.

Dieses Tutorial behandelt nicht die Sprachkopien. Stattdessen wird sie so konzipiert, dass die Stammseite die Erkennung der bevorzugten Sprache für den Benutzer über die HTML-Kopfzeile implementieren und zur entsprechenden Hauptseite für die weiterleiten kann. Die Konvention besteht darin, den aus zwei Buchstaben bestehenden Ländercode für den Knotennamen der Seite zu verwenden, z. B. "en"für Englisch und "fr"für Französisch.

Erste Seiten erstellen create-first-pages

Da es nun eine Seitenvorlage gibt, können Sie die Stammseite der Website im Ordner /content einrichten.

  1. Die Standard-Benutzeroberfläche bietet derzeit Blueprints zum Erstellen von Sites. Da in diesem Tutorial eine einfache Site erstellt wird, ist die klassische Benutzeroberfläche nützlich.

    Um zur klassischen Benutzeroberfläche zu wechseln, wählen Sie die globale Navigation aus und bewegen Sie den Mauszeiger über die rechte Seite des Projektsymbols. Wählen Sie das Symbol Zur klassischen Benutzeroberfläche wechseln aus, das angezeigt wird:

    classic-ui

    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 die Option Websites aus.

    classic-ui-website

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

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

    Geben Sie im Dialogfeld Seite erstellen Folgendes ein:

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

    classic-ui-create-page

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

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

    • Titel: SCF Play
    • Name: play
    • Wählen Sie eine SCF Sandbox Play Template aus.
    • 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.

    classic-ui-website-page

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

    classic-ui-repository-view

Hinzufügen des Designpfads add-the-design-path

Wenn [/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns) mit dem Abschnitt "Designs"der Tools-Konsole erstellt wurde, lautet die Eigenschaft "

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

wurde definiert, was die optionale Möglichkeit bietet, Design-Assets in einem Skript mit currentDesign.getPath() zu referenzieren. Zum Beispiel

  • % String favIcon = currentDesign.getPath() + "/favicon.ico"; %

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

Das Repository sollte wie folgt angezeigt werden:

classic-ui-repository-path

  • Klicken Sie auf Alle speichern

Wenn beim Speichern der Konfiguration Probleme auftreten, melden Sie sich erneut an und konfigurieren Sie sie erneut.

NOTE
Die Verwendung von cq:designPath ist optional und steht nicht im Zusammenhang mit der Verwendung von clientlibs, die erforderlich sind, da die SCF-Komponenten clientlibs verwenden, um ihre JS und CSS zu verwalten.
recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791