Designs e Designer

CUIDADO

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

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

OBSERVAÇÃO

Para obter mais informações sobre acessibilidade da Web, consulte AEM e as Web Accessibility Guidelines.

Uso do Designer

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

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 a propriedade cq:designPath do nó jcr:content.

chlimage_1-74

OBSERVAÇÃO

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.

O que é necessário

Para realizar seu design, você precisará:

CSS - As folhas de estilos em cascata definem os formatos de áreas específicas nas páginas.
Imagens - Qualquer imagem que você use para recursos como planos de fundo, botões.

Considerações ao criar seu site

Ao desenvolver um site, é altamente recomendável armazenar imagens e arquivos CSS em /apps/<your-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.

  • A recriação do site pode ser simplesmente feita 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 as únicas URLs externas que o navegador vê protegendo você de um usuário externo ficando curioso sobre o que está em 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.

Nesta página