Designs e o Designer designs-and-the-designer
O Designer é usado para criar um design para o seu site usando o Interface clássica no AEM.
Uso do Designer using-the-designer
Seu design pode ser definido na guia designs seção do Ferramentas guia:
Aqui você pode criar a estrutura necessária para armazenar o design e, em seguida, fazer upload das folhas de estilos em cascata e imagens necessárias.
Os designs são armazenados em /apps/<your-project>
. O caminho para o design a ser usado para um site é especificado usando o cq:designPath
propriedade do jcr:content
nó.
Do que você precisará what-you-will-need
Para realizar seu design, você precisará:
CSS - As Folhas de estilo em cascata definem os formatos de áreas específicas nas suas páginas.
Imagens - Qualquer imagem que você use para recursos como planos de fundo, botões.
Considerações Ao Projetar O Site considerations-when-designing-your-website
Ao desenvolver um site, é altamente recomendável armazenar imagens e arquivos CSS em /apps/<your-project>
para que você possa fazer referência aos seus recursos com base no design atual, conforme descrito no trecho a seguir.
<%= currentDesign.getPath() + "/static/img/icon.gif %>
O exemplo anterior oferece vários benefícios:
-
Os componentes podem ter uma aparência diferente com base em cada site usando um caminho de design diferente.
-
O novo design do site pode ser feito simplesmente apontando o caminho de design para um nó diferente na raiz do site a partir de
design/v1
paradesign/v2.
-
/etc/designs
e/content
são os únicos URLs externos que o navegador vê protegendo você de um usuário externo ficando curioso sobre o que está sob sua/apps
árvore. Os benefícios do URL acima também ajudam o administrador do sistema a configurar uma segurança melhor, pois você está limitando a exposição dos ativos a alguns locais distintos.