Modelli per siti

Scopri come utilizzare i modelli per sito AEM per predefinire la struttura del sito e i contenuti iniziali per poter creare siti in modo rapido.

Panoramica

È opportuno disporre di strutture predefinite per implementare rapidamente un nuovo sito in base a una serie di standard esistenti. I modelli di sito consentono di combinare i contenuti di base del sito in un pacchetto comodo e riutilizzabile.

I modelli di sito generalmente contengono i contenuti e la struttura del sito di base e informazioni sullo stile del sito, note come tema del sito, per creare rapidamente un nuovo sito. Gli amministratori selezionano un modello di sito su cui basare il sito durante il processo di creazione dello stesso.

I modelli sono efficaci perché sono riutilizzabili e personalizzabili. Inoltre, poiché è possibile disporre di più modelli durante l’installazione di AEM, è possibile creare siti diversi per soddisfare le varie esigenze aziendali.

Aggiunta di un modello di sito a AEM

È possibile aggiungere più modelli a AEM che possono quindi essere utilizzati per creare siti.

1. Accedi all’ambiente di authoring di AEM e passa alla console Sites

   • https://<your-author-environment>.adobeaemcloud.com/sites.html/content

2. Seleziona Crea in alto a destra e dal menu a discesa, seleziona Sito da modello.

   

3. Nella procedura guidata Crea sito, seleziona Importa nella parte superiore della colonna sinistra.

   

4. Nel browser dei file, individua il modello da utilizzare e seleziona Carica.

5. Una volta caricato, viene visualizzato nell’elenco dei modelli disponibili.

Il modello viene caricato e può essere utilizzato per creare nuovi siti.

Quando si seleziona un modello esistente, nella colonna di destra vengono visualizzate le informazioni sul modello.

Struttura del modello del sito

I modelli di sito sono semplicemente pacchetti con una struttura logica che riflette chiaramente lo scopo del contenuto del pacchetto. Un modello di sito presenta la seguente struttura.

• files: cartella con il kit dell'interfaccia utente, file XD ed eventualmente altri file
• previews: cartella con le schermate del modello di sito
• site: pacchetto di contenuti del contenuto copiato per ogni sito creato da questo modello, ad esempio modelli di pagina, pagine e così via.
• theme: origini del tema del sito per modificare l’aspetto del sito, inclusi CSS, JavaScript e così via.

Modello di sito standard

Adobe fornisce un modello di riferimento sulle best practice da utilizzare come base per la creazione di modelli personalizzati. Il modello di sito standard è disponibile su GitHub.

L’ultima versione del modello di sito standard può essere scaricata e utilizzata direttamente per la creazione di nuovi siti.

Sviluppo di modelli di sito

Adobe fornisce AEM Site Template Builder come set di script per la creazione di nuovi modelli di sito.

Il generatore di modelli del sito AEM è disponibile su GitHub insieme alla documentazione di utilizzo. Per personalizzare il tema del sito è necessaria l’esperienza di sviluppatore front-end e per la struttura e il contenuto del sito è necessaria la conoscenze di AEM per gli sviluppatori.