Temi del sito

Scopri come utilizzare AEM temi del sito 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 rispetta la struttura di un tema del sito AEM.

I siti creati con modelli di sito AEM consentono di scaricare, personalizzare e ridistribuire facilmente i temi.

NOTA

AEM temi del sito non devono essere confusi con AEM modelli di sito. AEM temi del sito contengono solo le informazioni sullo stile di un sito AEM. AEM modelli di sito definiscono la struttura del sito e il contenuto iniziale, nonché contengono un tema del sito AEM per consentire creazione rapida del sito.

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 quando creazione di un sito.
  • Vengono scaricati dopo la creazione di un sito basato su un modello di sito in modo che uno sviluppatore front-end possa personalizzare ulteriormente lo stile.
SUGGERIMENTO

Una descrizione end-to-end del processo di creazione di un sito da un modello e personalizzazione del relativo tema si trova nella Percorso di creazione rapida del sito.

Struttura del tema del sito

I temi del sito sono semplicemente pacchetti con una struttura logica che riflette chiaramente lo scopo del contenuto del pacchetto. 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 e CSS
  • src/site: File JS e CSS applicabili all’intero sito
  • src/components: File JS e CSS specifici per i componenti AEM
  • src/resources: File statici come icone, loghi e font

Tema sito standard

Adobe fornisce un tema di riferimento sulle 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 AEM sito come set di script per la creazione di nuovi temi del sito.

È disponibile AEM Site Theme Builder e la relativa documentazione di utilizzo su GitHub. Per personalizzare il tema è necessaria un’esperienza di sviluppo front-end.

In questa pagina