Designs und der Designer

VORSICHT

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.

Sie müssen ein Design für Ihre Website erstellen. In AEM verwenden Sie dazu den Designer.

HINWEIS

Weitere Informationen zum Webzugriff finden Sie unter AEM und Richtlinien für barrierefreien Webzugang.

Verwenden des Designers

Ihr Entwurf kann im Abschnitt Designs der Registerkarte Tools definiert werden:

screen_shot_2012-02-01at30237pm

Hier erstellen Sie die Struktur, die zum Speichern des Designs erforderlich ist, und laden dann die erforderlichen Cascaded Style Sheet und Bilder hoch.

Entwürfe werden unter /etc/designs gespeichert. Der Pfad zu einem Design, das für eine Website verwendet wird, wird anhand der Eigenschaft cq:designPath des Knotens jcr:content angegeben.

chlimage_1-74

HINWEIS

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.

Voraussetzungen

Zur Realisierung des Design benötigen Sie:

CSS - Die Cascading Stylesheets definieren die Formate bestimmter Bereiche auf Ihren Seiten.
Bilder : Alle Bilder, die Sie für Funktionen wie Hintergründe und Schaltflächen verwenden.

Überlegungen zum Entwurf Ihrer Website

Beim Entwickeln einer Website wird dringend empfohlen, Bilder und CSS-Dateien unter /etc/design/<project> zu speichern, damit Sie auf Ihre Ressourcen basierend auf dem aktuellen Design verweisen können, wie im folgenden Codefragment beschrieben.

<%= currentDesign.getPath() + "/static/img/icon.gif %>

Im obigen Angebot werden mehrere Leistungen angeboten:

  • Je nach Designpfad verschiedener Websites erwecken Komponenten einen anderen Eindruck.

  • Die Neugestaltung der Website kann einfach erfolgen, indem Sie den Designpfad auf einen anderen Knoten im Stammverzeichnis der Website von design/v1 bis design/v2. zeigen.

  • /etc/designs und /content sind die einzigen externen URLs, die der Browser sieht, um Sie davor zu schützen, dass ein externer Benutzer neugierig darauf wird, was sich unter Ihrem /apps Baum befindet. 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.

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