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.

NOTE
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.

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.
TIP
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.

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 & CSS
  • src/site: file JS & CSS applicabili all’intero sito
  • src/components: file JS & CSS specifici per i componenti AEM
  • src/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.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab