Creare un sito create-site

Come parte della Creazione Rapida dei Siti, utilizza la Creazione guidata Siti in Adobe Experience Manager, AEM, per generare un nuovo sito web. Il modello di sito standard fornito da Adobe viene utilizzato come punto di partenza per il nuovo sito.

Prerequisiti prerequisites

I passaggi descritti in questo capitolo si svolgono in un ambiente Adobe Experience Manager as a Cloud Service. Assicurati di disporre di accesso amministrativo all’ambiente AEM. Per completare questa esercitazione, si consiglia di utilizzare un programma sandbox e un ambiente di sviluppo.

Per questa esercitazione è possibile utilizzare anche gli ambienti del programma di produzione. Tuttavia, assicurarsi che le attività di questa esercitazione non influiscano sul lavoro eseguito sugli ambienti di destinazione, poiché questa esercitazione distribuisce il contenuto e il codice nell'ambiente AEM di destinazione.

È possibile utilizzare AEM SDK per alcune parti di questa esercitazione. Aspetti di questo tutorial che si basano su servizi cloud, come la distribuzione di temi con la pipeline front-end di Cloud Manager, non possono essere eseguiti sull'SDK AEM.

Per ulteriori dettagli, consulta la documentazione sull'onboarding.

Obiettivo objective

  1. Scopri come generare un nuovo sito con la Creazione guidata.
  2. Comprendere il ruolo dei modelli di sito.
  3. Esplora il sito AEM generato.

Accedi a Adobe Experience Manager Author author

Come primo passo, accedi all’ambiente AEM as a Cloud Service. Gli ambienti AEM sono suddivisi tra un servizio Author e un servizio Publish.

  • Servizio di authoring - in cui il contenuto del sito viene creato, gestito e aggiornato. In genere solo gli utenti interni hanno accesso al servizio Author e si trovano dietro una schermata di accesso.
  • Servizio Publish - ospita il sito Web attivo. Si tratta del servizio che verrà visualizzato dagli utenti finali ed è generalmente disponibile al pubblico.

La maggior parte dell'esercitazione si svolgerà utilizzando il servizio Author.

  1. Passa a Adobe Experience Cloud https://experience.adobe.com/. Accedi con il tuo account personale o aziendale/scolastico.

  2. Verificare che nel menu sia selezionata l'organizzazione corretta e fare clic su Experience Manager.

    Home Experience Cloud

  3. In Cloud Manager fare clic su Launch.

  4. Passa il puntatore del mouse sul programma che desideri utilizzare e fai clic sull'icona Programma Cloud Manager.

    Icona programma Cloud Manager

  5. Nel menu principale fai clic su Ambienti per visualizzare gli ambienti per i quali è stato eseguito il provisioning.

  6. Individuare l'ambiente da utilizzare e fare clic sull'URL autore.

    Autore sviluppo accesso

    note note
    NOTE
    Per questa esercitazione si consiglia di utilizzare un ambiente Sviluppo.
  7. Viene avviata una nuova scheda per il servizio Author dell'AEM. Fai clic su Accedi con Adobe e dovrai accedere automaticamente con le stesse credenziali di Experience Cloud.

  8. Dopo il reindirizzamento e l’autenticazione, ora viene visualizzata la schermata iniziale dell’AEM.

    Schermata iniziale AEM

NOTE
Problemi di accesso all’Experience Manager? Consulta la documentazione sull'onboarding

Scarica il modello di sito di base

Un modello di sito rappresenta un punto di partenza per un nuovo sito. Un modello di sito include alcuni temi di base, modelli di pagina, configurazioni e contenuti di esempio. Spetta esattamente allo sviluppatore il compito di includere nel modello di sito. L'Adobe fornisce un modello di sito di base per accelerare le nuove implementazioni.

  1. Apri una nuova scheda del browser e passa al progetto Modello di sito di base su GitHub: https://github.com/adobe/aem-site-template-standard. Il progetto è open-source ed è concesso in licenza per essere utilizzato da chiunque.

  2. Fai clic su Versioni e passa alla versione più recente.

  3. Espandi il menu a discesa Assets e scarica il file zip del modello:

    CAP modello sito di base

    Questo file zip viene utilizzato nell’esercizio successivo.

    note note
    NOTE
    Questa esercitazione è stata scritta con la versione 1.1.0 del modello di sito di base. Quando si avvia un nuovo progetto per l’utilizzo in produzione, si consiglia sempre di utilizzare la versione più recente.

Crea un nuovo sito

Quindi, genera un nuovo sito utilizzando il Modello del sito dell'esercizio precedente.

  1. Ritorno nell’ambiente AEM. Dalla schermata iniziale dell'AEM, passa a Sites.

  2. Nell'angolo superiore destro fare clic su Crea > Sito (Modello). Verrà visualizzata la Creazione guidata sito.

  3. In Seleziona un modello di sito fare clic sul pulsante Importa.

    Carica il file modello .zip scaricato dall'esercizio precedente.

  4. Seleziona il modello di sito AEM di base e fai clic su Avanti.

    Seleziona modello sito

  5. In Dettagli sito > Titolo sito immettere WKND Site.

    In un’implementazione reale, "Sito WKND" verrebbe sostituito dal nome del brand dell’azienda o dell’organizzazione. In questo tutorial, stiamo simulando la creazione di un sito per un brand di lifestyle fittizio "WKND".

  6. In Nome sito immettere wknd.

    Dettagli modello sito

    note note
    NOTE
    Se utilizzi un ambiente AEM condiviso, aggiungi un identificatore univoco al Nome sito. Ad esempio wknd-site-johndoe. In questo modo più utenti possono completare la stessa esercitazione senza conflitti.
  7. Fai clic su Crea per generare il sito. Fai clic su Fine nella finestra di dialogo Operazione riuscita al termine della creazione del sito Web da parte dell'AEM.

Esplora il nuovo sito

  1. Passa alla console AEM Sites, se non è già presente.

  2. È stato generato un nuovo sito WKND. Includerà una struttura del sito con una gerarchia multilingue.

  3. Apri la pagina Inglese > Home selezionando la pagina e facendo clic sul pulsante Modifica nella barra dei menu:

    Gerarchia siti WKND

  4. Il contenuto iniziale è già stato creato e sono disponibili diversi componenti da aggiungere a una pagina. Sperimenta questi componenti per un’idea delle funzionalità. Scopri le nozioni di base di un componente nel prossimo capitolo.

    Inizia pagina principale

    Contenuto di esempio fornito dal modello di sito

Congratulazioni. congratulations

Congratulazioni, hai appena creato il tuo primo sito AEM!

Passaggi successivi next-steps

Utilizza l'Editor pagina in Adobe Experience Manager, AEM, per aggiornare il contenuto del sito nel capitolo Crea contenuto e pubblica. Scopri come configurare i Componenti atomici per aggiornare il contenuto. Scopri la differenza tra un ambiente AEM Author e Publish e come pubblicare gli aggiornamenti del sito live.

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9