Temi del sito
- Argomenti:
- Amministrazione
Creato per:
- Amministratore
Scopri come utilizzare i temi del sito AEM per personalizzare lo stile e la progettazione del sito.
Panoramica
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
I temi del sito vengono utilizzati in due modi diversi:
- Vengono utilizzati come parte di un modello di 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
I temi del sito sono semplicemente pacchetti con una struttura logica che riflette chiaramente lo scopo del contenuto. Per un progetto front-end tipico, 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
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
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.