Designs e o Designer designs-and-the-designer

CAUTION
Este artigo descreve como criar um site com base na interface clássica. A Adobe recomenda o uso das tecnologias mais recentes de AEM para seus sites, conforme descrito detalhadamente no artigo Introdução ao desenvolvimento do AEM Sites.

O Designer é usado para criar um design para o seu site usando o Interface clássica no AEM.

NOTE
Para obter mais informações sobre acessibilidade da Web, consulte AEM e diretrizes de acessibilidade na Web.

Uso do Designer using-the-designer

Seu design pode ser definido na guia designs seção do Ferramentas guia:

screen_shot_2012-02-01at30237pm

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ó.

chlimage_1-74

NOTE
Todas as alterações feitas em uma página no modo de design são persistentes abaixo do nó de design do site e são aplicadas automaticamente a todas as páginas que têm o mesmo design.

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 para design/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.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2