Progettazioni e Designer designs-and-the-designer
La finestra di progettazione viene utilizzata per creare una progettazione per il sito Web utilizzando Interfaccia classica nell'AEM.
Utilizzo della finestra di progettazione using-the-designer
Il progetto può essere definito in progetti sezione del Strumenti scheda:
Qui puoi creare la struttura necessaria per memorizzare la progettazione, quindi caricare i fogli di stile CSS e le immagini richieste.
Le progettazioni sono memorizzate in /apps/<your-project>
. Il percorso della progettazione da utilizzare per un sito Web viene specificato utilizzando cq:designPath
proprietà del jcr:content
nodo.
Cosa ti servirà what-you-will-need
Per realizzare il tuo progetto avrai bisogno di:
CSS - I Cascading Style Sheets definiscono i formati di aree specifiche sulle pagine.
Immagini - Qualsiasi immagine utilizzata per funzioni quali sfondi e pulsanti.
Considerazioni Durante La Progettazione Del Sito Web considerations-when-designing-your-website
Durante lo sviluppo di un sito web, si consiglia vivamente di memorizzare immagini e file CSS in /apps/<your-project>
in questo modo puoi fare riferimento alle risorse in base alla progettazione corrente, come descritto dallo snippet seguente.
<%= currentDesign.getPath() + "/static/img/icon.gif %>
L’esempio precedente offre diversi vantaggi:
-
I componenti possono avere un aspetto diverso in base a ciascun sito, utilizzando un percorso di progettazione diverso.
-
La riprogettazione del sito web può essere eseguita semplicemente puntando il percorso di progettazione a un nodo diverso nella directory principale del sito da
design/v1
adesign/v2.
-
/etc/designs
e/content
sono gli unici URL esterni che il browser vede proteggervi da un utente esterno che si incuriosisce di ciò che si trova sotto/apps
albero. I vantaggi dell’URL di cui sopra consentono inoltre all’amministratore di sistema di impostare una maggiore sicurezza poiché si limita l’esposizione delle risorse a poche posizioni distinte.