Diseños y Designer designs-and-the-designer
El Designer AEM se usa para crear un diseño para tu sitio web usando la IU clásica en la interfaz de usuario de la aplicación .
Uso de Designer using-the-designer
Su diseño se puede definir en la sección designs de la pestaña Tools:
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 de acceso al diseño que se utilizará para un sitio web se especifica mediante la propiedad cq:designPath
del nodo jcr:content
.
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: todas las imágenes que use para características como fondos o botones.
Consideraciones al diseñar el sitio web considerations-when-designing-your-website
Al desarrollar un sitio web, se recomienda encarecidamente almacenar imágenes y archivos CSS en /apps/<your-project>
para poder 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 realizar simplemente señalando la ruta de diseño a un nodo diferente en la raíz del sitio de
design/v1
adesign/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 árbol/apps
. 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.