Descubra cómo se pueden utilizar los temas del sitio de AEM para personalizar el estilo y el diseño del sitio.
Un tema del sitio de AEM es un paquete que contiene CSS, JavaScript y recursos estáticos que definen el estilo del sitio de AEM y cumplen la estructura de un tema de sitio de AEM.
Los sitios creados con plantillas de sitio de AEM permiten descargar, personalizar y redistribuir fácilmente los temas.
Los temas del sitio de AEM no deben confundirse con las plantillas de sitio de AEM. Los temas del sitio de AEM solo contienen la información de estilo de un sitio de AEM. Las plantillas del sitio de AEM definen la estructura del sitio y el contenido inicial. Además, contienen un tema del sitio de AEM para permitir la rápida creación del sitio.
Los temas del sitio se utilizan de dos formas:
Puede encontrar una descripción completa del proceso de crear un sitio a partir de una plantilla y personalizar su tema en el Recorrido de creación rápida de sitios.
Los temas del sitio no son más que paquetes con una estructura lógica que refleja con claridad 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 de 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 del sitio de AEM como un conjunto de scripts para la creación de nuevos temas del sitio.
El Generador de temas del sitio de AEM está disponible junto con la documentación de uso en GitHub. Para personalizar el tema, se necesita una experiencia de desarrollo front-end.