DocumentazioneAEM 6.4Guida allo sviluppo

Progettazioni e designer designs-and-the-designer

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

Creato per:

  • Developer
CAUTION
AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.
CAUTION
Questo articolo descrive come creare un sito web basato sull’interfaccia classica. L’Adobe consiglia di utilizzare le tecnologie AEM più recenti per i siti web come descritto in dettaglio nell’articolo Guida introduttiva allo sviluppo per AEM Sites.

Designer viene utilizzato per creare una progettazione per il sito web utilizzando la Interfaccia classica in AEM.

NOTE
Per ulteriori informazioni sull’accessibilità web, consulta Linee guida sull’accessibilità dei AEM e dei contenuti web.

Utilizzo di Designer using-the-designer

La progettazione può essere definita nella progettazioni della sezione Strumenti scheda:

screen_shot_2012-02-01at30237pm

Qui puoi creare la struttura necessaria per memorizzare la progettazione, quindi caricare i fogli di stile CSS e le immagini necessarie.

I disegni sono memorizzati in /apps/<your-project>. Il percorso della progettazione da utilizzare per un sito web viene specificato utilizzando il cq:designPath proprietà jcr:content nodo.

chlimage_1-74

NOTE
Tutte le modifiche apportate a una pagina in modalità progettazione vengono mantenute sotto il nodo di progettazione del sito e vengono applicate automaticamente a tutte le pagine che hanno la stessa progettazione.

Di cosa avrete bisogno what-you-will-need

Per realizzare il tuo progetto avrai bisogno di:

CSS - I fogli di stile a cascata definiscono i formati di aree specifiche delle pagine.

Immagini - Qualsiasi immagine utilizzata per funzioni quali sfondi, pulsanti.

Considerazioni Sulla Progettazione Del Sito Web considerations-when-designing-your-website

Quando si sviluppa un sito web, si consiglia vivamente di memorizzare immagini e file CSS in /apps/<your-project> puoi fare riferimento alle risorse in base al progetto corrente, come descritto dal frammento seguente.

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

L'esempio precedente offre diversi vantaggi:

  • I componenti possono avere un aspetto/aspetto diverso in base a ciascun sito utilizzando un percorso di progettazione diverso.

  • La riprogettazione del sito web può essere semplicemente effettuata puntando il percorso di progettazione a un nodo diverso nella radice del sito da design/v1 a design/v2.

  • /etc/designs e /content sono gli unici URL esterni che il browser vede proteggersi di un utente esterno incuriosito su ciò che si trova sotto il tuo /apps albero. I vantaggi di cui sopra aiutano anche l’amministratore di sistema a impostare una maggiore sicurezza perché si limita l’esposizione delle risorse a poche posizioni distinte.

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