Temi del sito site-themes
Scopri come utilizzare i temi del sito AEM per personalizzare lo stile e la progettazione del sito.
Panoramica overview
Un tema del sito AEM è un pacchetto contenente le risorse CSS, JavaScript e statiche che definiscono lo stile del sito AEM e ne rispettano la struttura.
I siti creati con modelli AEM consentono di scaricare, personalizzare e applicare facilmente i temi.
Utilizzo dei temi del sito using-themes
I temi del sito vengono utilizzati in due modi diversi:
- Vengono utilizzati come parte di un modello del sito per definire lo stile durante la creazione di un sito.
- Vengono scaricati dopo la creazione di un sito basato su un modello in modo che uno sviluppatore front-end possa personalizzare ulteriormente lo stile.
Struttura del tema del sito structure
I temi del sito sono semplicemente pacchetti con una struttura logica che riflette chiaramente lo scopo del contenuto. Per un progetto front-end tipico, l’Adobe consiglia la seguente struttura per un tema del sito:
src/theme.ts
: il punto di ingresso principale del tema JS & CSSsrc/site
: file JS & CSS applicabili all’intero sitosrc/components
: file JS & CSS specifici per i componenti AEMsrc/resources
: file statici come icone, loghi e font
A seconda delle esigenze specifiche del progetto, la struttura del tema può variare fino a quando viene mantenuto il punto di ingresso principale, src/theme.ts
.
Tema del sito standard standard-site-theme
Adobe fornisce un tema corredato delle best practice da utilizzare come base per la creazione di un tema personalizzato. Il tema del sito standard è disponibile su GitHub.
Sviluppo di temi del sito developing-themes
Adobe fornisce un generatore di temi del sito AEM come set di script per la creazione di nuovi temi.
Il generatore di temi del sito AEM è disponibile su GitHub insieme alla relativa documentazione di utilizzo. Per personalizzare il tema è necessaria un’esperienza di sviluppo front-end.