Crea sito demo

Ultimo aggiornamento: 2023-11-17

Crea un sito demo in AEM basato su una libreria di modelli preconfigurati.

La storia finora

Nel precedente documento del percorso AEM Reference Demos Add-On, Crea programma, hai fatto il primo passaggio di configurazione per creare un programma a scopo di test e hai utilizzato una pipeline per distribuire il contenuto aggiuntivo. Ora dovresti:

  • Scopri come creare un programma con Cloud Manager.
  • Scopri come attivare AEM Reference Demos Add-On per il nuovo programma.
  • Puoi eseguire una pipeline per distribuire il contenuto aggiuntivo.

Questo articolo descrive il passaggio successivo del processo di creazione di un sito o di un progetto AEM Screens nell’AEM in base ai modelli di AEM Reference Demos Add-On.

Obiettivo

Questo documento spiega come creare un sito basato sui modelli di AEM Reference Demos Add-On. Dopo la lettura dovresti:

  • Comprendere come accedere all’ambiente di authoring AEM.
  • Conoscere come creare un sito basato su un modello.
  • Comprendere le nozioni di base per navigare nella struttura del sito e modificare una pagina.

Creare un sito demo o un progetto Screens

Una volta implementato AEM Reference Demos Add-On, la pipeline può accedere all’ambiente di authoring AEM per creare siti demo in base al contenuto aggiuntivo.

  1. Dalla pagina di panoramica del programma in Cloud Manager, seleziona il collegamento all’ambiente di authoring AEM.

    Accesso all’ambiente di authoring

  2. Dal menu principale dell’AEM, seleziona Sites.

    Accedere a Sites

  3. Dalla console Sites, seleziona Crea in alto a destra dello schermo e seleziona Sito da modello nel menu a discesa.

    Crea sito da modello

  4. Viene avviata la procedura guidata di creazione del sito. Nella colonna a sinistra puoi vedere i modelli demo distribuiti dalla pipeline nell’istanza di authoring. Selezionane una per selezionarla e visualizzarne i dettagli nella colonna di destra. Se desideri testare AEM Screens, assicurati di scegliere la Modello del sito We.Cafe. Seleziona Avanti.

    Creazione guidata sito

  5. Nella schermata successiva, specifica un titolo per il sito o il progetto Screens. Se omesso, puoi specificare un nome per il sito o generarlo dal titolo. Seleziona Crea.

    • Il titolo del sito viene visualizzato nella barra del titolo del browser.
    • Il nome del sito diventa parte dell’URL.
    • Il nome del sito deve rispettare le convenzioni AEM di denominazione delle pagine, i cui dettagli sono disponibili nella sezione Risorse aggiuntive.

    Dettagli del sito

  6. La creazione del sito viene confermata con una finestra di dialogo. Seleziona Fine.

    Creazione del sito completata

Ora hai creato il tuo sito demo!

Usare il sito demo

Una volta creato il sito demo, puoi navigarlo e utilizzarlo come qualsiasi altro sito in AEM.

  1. Il sito viene ora visualizzato nella console Sites.

    Nuovo sito demo nella console Sites

  2. Nell’angolo in alto a destra dello schermo, accertati che la visualizzazione della console sia impostata su Vista a colonne.

    Vista a colonne

  3. Seleziona il sito per esplorarne struttura e contenuto. La vista a colonne si espande continuamente durante la navigazione nella struttura del contenuto del sito demo.

    Struttura sito

  4. Seleziona una pagina per selezionarla, quindi seleziona Modifica nella barra degli strumenti.

    Selezionate la pagina

  5. Puoi modificare la pagina come qualsiasi altra pagina di contenuto AEM, ad esempio aggiungendo o modificando componenti o risorse, e testando la funzionalità di AEM.

    Modificare la pagina

Congratulazioni! Ora puoi esplorare ulteriormente il contenuto del sito demo e scoprire tutto quello che AEM può offrirti attraverso il contenuto delle best practice di Reference Demos Add-On.

Crea siti aggiuntivi basati su altri modelli per esplorare diverse funzionalità AEM.

Novità

Adesso che hai completato questa parte del percorso di AEM Reference Demo Add-On, dovresti:

  • Comprendere come accedere all’ambiente di authoring AEM.
  • Conoscere come creare un sito basato su un modello.
  • Comprendere le nozioni di base per navigare nella struttura del sito e modificare una pagina.

Puoi testare le funzioni di AEM utilizzando il contenuto aggiuntivo. Sono disponibili due opzioni per continuare il percorso:

  • Se desideri una demo per testare completamente il contenuto di AEM Screens, assicurati di aver implementato un sito basato su Modello del sito We.Cafe come descritto in precedenza e continua con Abilita AEM Screens per il tuo sito demo.
  • Se utilizzi solo contenuti demo di Sites, continua con Gestire i siti demo, dove scopri gli strumenti disponibili per aiutarti a gestire i siti demo e come rimuoverli.

Risorse aggiuntive

  • Documentazione di Cloud Manager: per ulteriori informazioni sulle funzioni di Cloud Manager, consulta direttamente i documenti tecnici dettagliati.
  • Crea sito - scopri come utilizzare AEM per creare un sito utilizzando i modelli per definirne lo stile e la struttura.
  • Convenzioni AEM di denominazione delle pagine. - Per informazioni sulle convenzioni per l’organizzazione delle pagine AEM, consulta questa pagina.
  • Operazioni di base in AEM: se non hai ancora familiarità con AEM, esplora questo documento per comprendere i concetti di base, come la navigazione e l’organizzazione della console.

In questa pagina