Designer och Designer designs-and-the-designer

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

CAUTION

I den här artikeln beskrivs hur du skapar en webbplats baserat på det klassiska användargränssnittet. Adobe rekommenderar att du använder de senaste AEM teknikerna 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

19ffd973-7af2-44d0-84b5-d547b0dffee2