Descubra cómo se pueden utilizar AEM temas del sitio para personalizar el estilo y el diseño del sitio.
Un tema de sitio AEM es un paquete que contiene CSS, JavaScript y recursos estáticos que definen el estilo del sitio AEM y cumplen con la estructura de un tema de sitio AEM.
Los sitios creados con plantillas AEM sitio permiten descargar, personalizar y redistribuir fácilmente los temas.
AEM temas del sitio no deben confundirse con AEM plantillas de sitio. AEM temas del sitio solo contienen la información de estilo de un sitio AEM. AEM plantillas de sitio definen la estructura del sitio y el contenido inicial, así como contienen un tema del sitio AEM para permitir creación rápida del sitio.
Los temas del sitio se utilizan de dos formas diferentes:
Puede encontrar una descripción completa del proceso de crear un sitio a partir de una plantilla y personalizar su tema en la Recorrido de creación rápida de sitios.
Los temas del sitio son simplemente paquetes con una estructura lógica que refleja claramente el propósito del contenido del paquete. Un tema del sitio tiene la siguiente estructura típica de un proyecto front-end.
src/main.ts
: El punto de entrada principal del tema de JS y CSSsrc/site
: Archivos JS y CSS que se aplican a todo el sitiosrc/components
: Archivos JS y CSS específicos de componentes AEMsrc/resources
: Archivos estáticos como iconos, logotipos y fuentesAdobe proporciona un tema de referencia de prácticas recomendadas que puede usar como base para crear su propio tema. El tema estándar del sitio está disponible en GitHub.
Adobe proporciona un Generador de temas AEM del sitio como un conjunto de secuencias de comandos para la creación de nuevos temas del sitio.
El Generador de temas del sitio AEM está disponible junto con la documentación de uso de GitHub. Para personalizar el tema, se necesita una experiencia de desarrollo front-end.