Temas del sitio

Descubra cómo se pueden utilizar los temas del sitio de AEM para personalizar el estilo y el diseño del sitio.

Información general

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.

NOTA

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.

Uso de temas del sitio

Los temas del sitio se utilizan de dos formas:

  • Se emplean como parte de una plantilla del sitio para definir el estilo cuando se crea un sitio.
  • Se descargan después de crear un sitio basado en una plantilla del sitio, para que un desarrollador front-end pueda personalizar aún más el estilo.
SUGERENCIA

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.

Estructura del tema del sitio

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 CSS
  • src/site: archivos JS y CSS que se aplican a todo el sitio
  • src/components: archivos JS y CSS específicos de componentes de AEM
  • src/resources: archivos estáticos como iconos, logotipos y fuentes

Tema estándar del sitio

Adobe 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.

Desarrollo de temas del sitio

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.

En esta página