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 nonché 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 uno strumento efficace 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.

NOTA

I modelli di sito AEM non devono essere confusi con i modelli di pagina. I modelli di sito definiscono la struttura complessiva di un sito. Un modello di pagina definisce la struttura e il contenuto iniziale di una singola pagina.

I modelli di sito AEM non devono essere confusi con i temi 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 contengono inoltre un tema del sito AEM per consentire una creazione rapida dello stesso.

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. Tocca o fai clic su Crea in alto a destra dello schermo e dal menu a discesa seleziona Sito da modello.

    Creazione di un sito da un modello

  3. Nella procedura guidata Crea sito, tocca o fai clic su Importa nella parte superiore della colonna sinistra.

    Creazione guidata sito

  4. Nel browser dei file, individua il modello da utilizzare e tocca o fai clic su 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.

Seleziona un 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 i modelli di pagina, le 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.

AEM Site Template Builder è disponibile insieme alla documentazione di utilizzo su GitHub. 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.

In questa pagina