Anfänglicher Sandbox-Inhalt initial-sandbox-content

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

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

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

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

Dieses Tutorial geht nicht auf Sprachkopien“. Stattdessen wurde er so konzipiert, dass die Stammseite die Erkennung der bevorzugten Sprache für den Benutzer über den HTML-Header implementieren und zur entsprechenden Hauptseite für die Sprache umleiten kann. Die Konvention besagt, dass der aus zwei Buchstaben bestehende Länder-Code für den Knotennamen der Seite verwendet wird, z. B. „en“ für Englisch und „fr“ für Französisch.

Erste Seiten erstellen create-first-pages

Da es jetzt eine Seitenvorlage“, können Sie die Stammseite der Website im Verzeichnis /content einrichten.

  1. Die Standard-Benutzeroberfläche bietet derzeit Blueprints zum Erstellen von Sites. Da dieses Tutorial eine einfache Site erstellt, 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 Symbols Projekte . Wählen Sie das Zu klassischer Benutzeroberfläche wechseln aus, das angezeigt wird:

    classic-ui

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

  2. Wählen Sie auf der Startseite der klassischen 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-Fenster Websites und wählen Sie dann in der Symbolleiste Neu > Neue Seite.

    Geben im Dialogfeld Seite erstellen“ Folgendes ein:

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

    classic-ui-create-page

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

    • Titel: SCF Sandbox
    • Name: en
    • Wählen Sie Eine SCF-Sandbox-Wiedergabevorlage
    • Klicken Sie auf Erstellen.
  5. Wählen Sie im Explorer-Fenster die von Ihnen erstellte Seite aus, /Websites/SCF Sandbox Site/SCF Sandbox Sie und klicken Sie auf Neu > Neue Seite

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

    classic-ui-website-page

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

    classic-ui-repository-view

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

Als [/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns) mit dem Abschnitt „Designs“ der Tools-Konsole erstellt wurde, gilt für die Eigenschaft "

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

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

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

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

Das Repository sollte wie folgt aussehen:

classic-ui-repository-path

  • Klicken Sie Alle speichern

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

NOTE
Die Verwendung von cq:designPath ist optional und steht in keinem Zusammenhang mit der Verwendung von clientlibs, die erforderlich sind, da die SCF-Komponenten clientlibs zur Verwaltung ihrer JS und CSS verwenden.
recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791