Diseños y el diseñador designs-and-the-designer
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 using-the-designer
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 what-you-will-need
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 considerations-when-designing-your-website
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
hastadesign/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.