Diseños y el diseñador

El Diseñador se utiliza para crear un diseño para el sitio web utilizando IU clásica AEM en la.

Uso del diseñador

Su diseño se puede definir en la diseños de la sección Herramientas pestaña:

Aquí puede crear la estructura necesaria para almacenar el diseño y, a continuación, cargar las hojas de estilo en cascada y las imágenes necesarias.

Los diseños se almacenan en /apps/<your-project>. La ruta al diseño que se va a utilizar para un sitio web se especifica mediante la variable cq:designPath propiedad del jcr:content nodo.

Lo que necesita

Para realizar su diseño necesitará:

CSS : Las hojas de estilo en cascada definen los formatos de áreas específicas de las páginas.
Imágenes : cualquier imagen que utilice para funciones como fondos o botones.

Consideraciones al diseñar el sitio web

Al desarrollar un sitio web, es muy recomendable almacenar imágenes y archivos CSS en /apps/<your-project> por lo tanto, puede hacer referencia a los recursos en función del diseño actual como se describe en el siguiente fragmento de código.

<%= currentDesign.getPath() + "/static/img/icon.gif %>

El ejemplo anterior ofrece varios beneficios:

• Los componentes pueden tener un aspecto diferente en función de cada sitio y utilizar una ruta de diseño diferente.

• El rediseño del sitio web se puede hacer simplemente apuntando la ruta de diseño a un nodo diferente en la raíz del sitio desde design/v1 hasta design/v2.

• /etc/designs y /content son las únicas direcciones URL externas que el explorador ve protegiéndolo de un usuario externo que siente curiosidad por saber qué hay debajo de su /apps árbol. Las ventajas de URL anteriores también ayudan al administrador del sistema a configurar una mejor seguridad, ya que limita la exposición de los recursos a unas pocas ubicaciones distintas.