Modelli per siti

Scopri come utilizzare AEM modelli di sito per predefinire la struttura del sito e il contenuto iniziale per consentire di creare rapidamente i siti.

Panoramica

È opportuno disporre di strutture predefinite per implementare rapidamente un nuovo sito basato su un insieme 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 il contenuto e la struttura del sito di base nonché informazioni sullo stile del sito, note come tema del sito, per iniziare rapidamente un nuovo sito. Gli amministratori selezionano un modello di sito su cui basare il sito durante il processo di creazione del sito.

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

NOTA

AEM modelli di sito non devono essere confusi con 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.

AEM modelli di sito non devono essere confusi con AEM temi del 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.

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 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 sinistra della colonna.

    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, vengono visualizzate informazioni sul modello nella colonna di destra.

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, XD file ed eventualmente altri file
  • previews: Cartella con 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: Fonti 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.

Ultima versione del modello di sito standard può essere scaricato e utilizzato direttamente per creazione di nuovi siti.

Sviluppo di modelli di sito

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

Il Generatore di modelli di sito AEM è disponibile insieme alla documentazione di utilizzo su GitHub. Per personalizzare la tema del sito e per personalizzare la struttura e il contenuto del sito è necessaria AEM conoscenza per gli sviluppatori.

In questa pagina