DokumentationAEM 6.4Användarhandbok om utveckling

Designer och Designer designs-and-the-designer

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • Developer
CAUTION
AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.
CAUTION
I den här artikeln beskrivs hur du skapar en webbplats baserat på det klassiska användargränssnittet. Adobe rekommenderar att du utnyttjar den senaste AEM tekniken för dina webbplatser enligt den detaljerade beskrivningen i artikeln Komma igång med att utveckla AEM Sites.

Designer används för att skapa en design för din webbplats med Klassiskt användargränssnitt AEM.

NOTE
Mer information om webbtillgänglighet finns i AEM och riktlinjerna för webbtillgänglighet.

Använda Designer using-the-designer

Din design kan definieras i design i verktyg tab:

screen_shot_2012-02-01at30237pm

Här kan du skapa den struktur som krävs för att lagra designen och sedan överföra CSS och bilder som behövs.

Designen lagras under /apps/<your-project>. Sökvägen till designen som ska användas för en webbplats anges med cq:designPath egenskapen för jcr:content nod.

chlimage_1-74

NOTE
Alla ändringar som görs på en sida i designläge bevaras under designnoden på webbplatsen och tillämpas automatiskt på alla sidor som har samma design.

Vad du behöver what-you-will-need

För att förverkliga din design behöver du:

CSS - Cascading Style Sheets definierar formaten för specifika områden på sidorna.

Bilder - Alla bilder som du använder för funktioner som bakgrunder och knappar.

Att tänka på när du utformar din webbplats considerations-when-designing-your-website

När du utvecklar en webbplats bör du lagra bilder och CSS-filer under /apps/<your-project> så att du kan referera till dina resurser baserat på den aktuella designen, som beskrivs i följande kodutdrag.

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

Exemplet ovan ger flera fördelar:

  • Komponenter kan ha olika utseende/känsla baserat på varje plats med olika designsökvägar.

  • Du kan helt enkelt designa om webbplatsen genom att peka designsökvägen till en annan nod i webbplatsens rot från design/v1 till design/v2.

  • /etc/designs och /content är de enda externa URL:er som webbläsaren ser för att skydda dig mot en extern användare som blir nyfiken på vad som finns under din /apps träd. Ovanstående URL-fördelar hjälper också systemadministratören att ställa in bättre säkerhet eftersom du begränsar exponeringen av resurserna till några få distinkta platser.

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e