In questo capitolo verranno aggiornate le origini dei temi di un sito Adobe Experience Manager per applicare stili specifici per il marchio. Impareremo come utilizzare un server proxy per visualizzare un’anteprima degli aggiornamenti CSS e Javascript durante la codifica rispetto al sito live. Questa esercitazione illustra anche come distribuire gli aggiornamenti a un tema in un sito AEM utilizzando la pipeline Front End di Adobe Cloud Manager.
Alla fine il nostro sito verrà aggiornato per includere gli stili che corrispondono al marchio WKND.
Si tratta di un tutorial in più parti e si presume che i passaggi descritti in Modelli di pagina capitolo completato.
Quindi, apporta modifiche alle origini tema in modo che il sito corrisponda all’aspetto del marchio WKND.
Passi di alto livello per il video:
Scarica gli stili completati per la Tema di esempio WKND
Distribuire gli aggiornamenti a un tema in un ambiente AEM utilizzando la pipeline front-end di Cloud Manager.
Passi di alto livello per il video:
Creare un nuovo git archivio in Cloud Manager
Aggiungi il progetto origini tema all’archivio Git di 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>
Configura un Pipeline front-end in Cloud Manager per distribuire il codice front-end.
Esegui la pipeline Front End per distribuire gli aggiornamenti all’ambiente AEM di destinazione.
Ci sono un paio di esempi di repository GitHub che possono essere utilizzati come riferimento:
Congratulazioni, hai appena aggiornato e distribuito un tema a AEM!
Approfondisci l'AEM dello sviluppo e scopri di più sulla tecnologia sottostante creando un sito utilizzando il Archetipo di progetto AEM.