In diesem Artikel wird beschrieben, wie Sie eine Website basierend auf der klassischen Benutzeroberfläche erstellen. Adobe empfiehlt, die neuesten AEM-Technologien für Ihre Websites zu nutzen, wie ausführlich im Artikel Erste Schritte bei der Entwicklung von AEM Sites beschrieben.
Der Designer wird verwendet, um einen Entwurf für Ihre Website zu erstellen, indem der Klassische Benutzeroberfläche in AEM.
Weitere Informationen zum Webzugriff finden Sie unter AEM und Richtlinien für barrierefreien Webzugang.
Ihr Design kann im Designs Abschnitt Instrumente tab:
Hier erstellen Sie die Struktur, die zum Speichern des Designs erforderlich ist, und laden dann die erforderlichen Cascaded Style Sheet und Bilder hoch.
Designs werden unter /apps/<your-project>
. Der Pfad zu einem Design, das für eine Website verwendet wird, wird anhand der Eigenschaft cq:designPath
des Knotens jcr:content
angegeben.
Alle Änderungen, die im Designmodus an einer Seite vorgenommen werden, werden unterhalb des Designknotens der Website beibehalten und automatisch auf alle Seiten mit demselben Design angewendet.
Zur Realisierung des Design benötigen Sie:
CSS - Die Cascading Style Sheets definieren die Formate bestimmter Bereiche auf Ihren Seiten.
Bilder - Alle Bilder, die Sie für Funktionen wie Hintergründe und Schaltflächen verwenden.
Bei der Entwicklung einer Website wird dringend empfohlen, Bilder und CSS-Dateien unter /apps/<your-project>
sodass Sie auf Ressourcen basierend auf dem aktuellen Design verweisen können, wie im folgenden Snippet beschrieben.
<%= currentDesign.getPath() + "/static/img/icon.gif %>
Das obige Beispiel bietet mehrere Vorteile:
Je nach Designpfad verschiedener Websites erwecken Komponenten einen anderen Eindruck.
Die Neugestaltung der Website kann einfach durch Verweis des Designpfads auf einen anderen Knoten im Stammverzeichnis der Website von vorgenommen werden design/v1
nach design/v2.
/etc/designs
und /content
sind die einzigen externen URLs, die der Browser sieht, um Sie vor einem externen Benutzer zu schützen, der neugierig darüber wird, was unter Ihrer /apps
Baum. Die obigen URL-Vorteile helfen auch Ihrem Systemadministrator, bessere Sicherheitsmaßnahmen einzurichten, weil die Angriffsfläche der Assets auf wenige spezifische Orte beschränkt wird.