En este capítulo actualizaremos las fuentes temáticas de un sitio de Adobe Experience Manager para aplicar estilos específicos de marca. Aprenderemos a utilizar un servidor proxy para ver una vista previa de las actualizaciones de CSS y Javascript a medida que se codifica en el sitio activo. Este tutorial también tratará sobre cómo implementar actualizaciones de temas en un sitio AEM mediante la canalización front-end de Adobe Cloud Manager.
Al final, nuestro sitio se actualizará para incluir estilos que coincidan con la marca WKND.
Este es un tutorial de varias partes y se da por hecho que los pasos descritos en la sección Plantillas de página se ha completado el capítulo.
A continuación, realice cambios en los orígenes de los temas para que el sitio coincida con el aspecto de la marca WKND.
Pasos de alto nivel para el vídeo:
Descargue los estilos terminados para el Tema de muestra de WKND
Implemente actualizaciones en un tema en un entorno AEM mediante la canalización front-end de Cloud Manager.
Pasos de alto nivel para el vídeo:
Crear una nueva Git repositorio en Cloud Manager
Añada su proyecto de fuentes de temas al repositorio de Git de Cloud Manager:
$ cd <PATH_TO_THEME_SOURCES_FOLDER>
$ git init -b main
$ git add .
$ git commit -m "initial commit"
$ git remote add origin <CLOUD_MANAGER_GIT_REPOSITORY_URL>
Configure un Canalización front-end en Cloud Manager para implementar el código de front-end.
Ejecute la canalización de front-end para implementar actualizaciones en el entorno de AEM de destino.
Hay un par de repositorios de GitHub de ejemplo que se pueden usar como referencia:
¡Felicidades, acaba de actualizar e implementar un tema para AEM!
Participe más profundamente en AEM desarrollo y comprenda más de la tecnología subyacente creando un sitio con el Tipo de archivo del proyecto AEM.