Designs und der Designer designs-and-the-designer
Mit dem Designer erstellen Sie mit der klassischen Benutzeroberfläche in AEM einen Entwurf für Ihre Website.
Verwenden des Designers using-the-designer
Das Design wird auf der Registerkarte Tools im Abschnitt Designs definiert:
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 gespeichert 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.
Voraussetzungen what-you-will-need
Zur Realisierung des Designs benötigen Sie:
CSS: Cascading Style Sheets definieren die Formate bestimmter Bereiche auf Ihren Seiten.
Bild: Alle Bilder, die Sie für Funktionen wie Hintergrundbilder oder Schaltflächen benötigen.
Überlegungen zum Entwurf Ihrer Website considerations-when-designing-your-website
Für die Entwicklung einer Website wird nachdrücklich empfohlen, dass Sie Bilder und CSS-Dateien im Ordner /apps/<your-project>
speichern, damit Sie anhand des aktuellen Designs auf Ihre Ressourcen verweisen können. Der folgende Ausschnitt verdeutlicht dies.
<%= currentDesign.getPath() + "/static/img/icon.gif %>
Das vorstehende Beispiel bietet verschiedene Vorteile:
-
Je nach Designpfad verschiedener Websites haben Komponenten ein anderes Erscheinungsbild.
-
Die Umgestaltung einer Website erfolgt einfach, indem der Verweis des Designpfads in einen anderen Knoten am Stamm der Website geändert wird, z. B. von
design/v1
indesign/v2.
. -
/etc/designs
und/content
sind die einzigen externen URLs, die der Browser erkennt. So sind Sie geschützt vor externen Benutzern, die herauszufinden versuchen, was sich unterhalb Ihrer/apps
-Baumstruktur befindet. Die obigen URL-Vorteile helfen auch Ihrer bzw. Ihrem Systemadmin, bessere Sicherheitsmaßnahmen einzurichten, weil die Angriffsfläche der Assets auf wenige spezifische Orte beschränkt wird.