Scopri come utilizzare i temi del sito AEM per personalizzare lo stile e la progettazione del sito.
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.
I temi del sito AEM non devono essere confusi con i modelli del sito AEM. I temi del sito AEM contengono solo le informazioni sullo stile di un sito AEM. I modelli di sito AEM definiscono la struttura del sito e il contenuto iniziale e inoltre contengono un tema del sito AEM per consentire una creazione rapida del sito.
I temi del sito vengono utilizzati in due modi diversi:
Per una descrizione end-to-end del processo di creazione di un sito da un modello e personalizzazione del relativo tema, consulta Percorso di creazione rapida dei siti.
I temi del sito sono semplicemente pacchetti con una struttura logica che riflette chiaramente lo scopo del contenuto. Un tema del sito ha la seguente struttura, tipica di un progetto front-end.
src/main.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 fontAdobe 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.
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.