Temi del sito

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.

NOTA

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 del sito AEM definiscono la struttura del sito e il contenuto iniziale e contengono un tema del sito AEM per consentirne la creazione rapida.

Utilizzo dei temi del sito

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

Per una descrizione end-to-end del processo di creazione di un sito da un modello e personalizzazione del relativo tema, vedi Percorso di Creazione Rapida dei Siti.

Struttura del tema del sito

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 & 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

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.

In questa pagina