Show Menu
TÓPICOS×

Designs e o Designer

Este artigo descreve como criar um site com base na interface clássica. A Adobe recomenda aproveitar as tecnologias AEM mais recentes para seus sites, conforme descrito em detalhes no artigo Introdução ao desenvolvimento de sites do AEM.
Você precisará criar um design para seu site e no AEM, usando o Designer.
Para obter mais informações sobre acessibilidade da Web, consulte AEM e as Diretrizes de acessibilidade da Web.

Uso do Designer

Seu design pode ser definido na seção designs da guia Ferramentas :
Aqui você pode criar a estrutura necessária para armazenar o design e, em seguida, fazer upload das folhas de estilos e imagens em cascata necessárias.
Os designs são armazenados em /etc/designs . O caminho para o design a ser usado para um site é especificado usando a cq:designPath propriedade do jcr:content nó.
Todas as alterações feitas em uma página no modo de design são mantidas abaixo do nó de design do site e são automaticamente aplicadas a todas as páginas que têm o mesmo design.

Do que você precisará

Para realizar seu design, você precisará:
CSS - As folhas de estilos em cascata definem os formatos de áreas específicas nas páginas.
Imagens - quaisquer imagens que você usa para recursos como planos de fundo e botões.

Considerações ao criar seu site

Ao desenvolver um site, é altamente recomendável armazenar imagens e arquivos CSS em /etc/design/<project> para que você possa fazer referência aos recursos com base no design atual, como descrito pelo seguinte trecho.
<%= 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 redesign do site pode ser feito simplesmente apontando o caminho do design para um nó diferente na raiz do site 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 que está curioso sobre o que está abaixo da sua /apps árvore. Os benefícios do URL acima também ajudam o administrador do sistema a configurar melhor segurança, pois você está limitando a exposição dos ativos a alguns locais distintos.