DocumentazioneAEMTutorial su AEMTutorial su AEM Sites

Authoring di un blocco

Last update: Wed Jun 04 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Si applica a:
  • Experience Manager as a Cloud Service
  • Argomenti:

Creato per:

  • Principiante
  • Sviluppatore

Dopo aver inviato il JSON del blocco teaser al ramo teaser, il blocco diventa modificabile nell’editor universale di AEM.

L’authoring di un blocco in fase di sviluppo è importante per diversi motivi:

  1. Verifica che la definizione e il modello del blocco siano accurati.
  2. Consente agli sviluppatori di rivedere l’HTML semantico del blocco, che funge da base per lo sviluppo.
  3. Consente la distribuzione del contenuto e dell’HTML semantico nell’ambiente di anteprima, supportando uno sviluppo più rapido del blocco.

Apri l’editor universale utilizzando il codice del ramo teaser

  1. Accedi all’authoring AEM.

  2. Passa a Sites e seleziona il sito (WKND (editor universale)) creato nel capitolo precedente.

    AEM Sites

  3. Crea o modifica una pagina per aggiungere il nuovo blocco, assicurandoti che il contesto sia disponibile per supportare lo sviluppo locale. Anche se le pagine possono essere create ovunque all’interno del sito, spesso è meglio creare pagine distinte per ogni nuovo corpo di lavoro. Crea una nuova pagina “cartella” denominata Rami. Ogni pagina secondaria viene utilizzata per supportare lo sviluppo del ramo Git con lo stesso nome.

    AEM Sites: creare una pagina Rami

  4. Nella pagina Rami, crea una nuova pagina con titolo Teaser, corrispondente al nome del ramo di sviluppo, quindi fai clic su Apri per modificarla.

    AEM Sites: creare una pagina teaser

  5. Aggiorna l’editor universale per caricare il codice dal ramo teaser aggiungendo ?ref=teaser all’URL. Assicurati di aggiungere il parametro di query BEFORE (prima) del simbolo #.

    Editor universale: selezionare un ramo teaser

  6. Seleziona la prima sezione in Principale, fai clic sul pulsante Aggiungi e scegli il blocco teaser.

    Editor universale: aggiungere un blocco

  7. Nell’area di lavoro, seleziona il teaser appena aggiunto e crea i campi a destra, oppure tramite la funzionalità di modifica in linea.

    Editor universale: authoring di un blocco

  8. Dopo aver completato l’authoring, seleziona il pulsante Pubblica in alto a destra dell’editor universale, scegli Pubblica in Anteprima e pubblica le modifiche nell’ambiente di anteprima. Le modifiche vengono quindi pubblicate nel dominio aem.page del sito web.
    AEM Sites: Pubblicazione o Anteprima

  9. Attendi che le modifiche vengano pubblicate in anteprima, quindi apri la pagina web tramite AEM CLI all’indirizzo http://localhost:3000/branches/teaser.

    Sito locale: Aggiornamento

Ora, il contenuto e l’HTML semantico del blocco teaser creato sono disponibili sul sito web di anteprima, pronti per lo sviluppo utilizzando AEM CLI nell’ambiente di sviluppo locale.

recommendation-more-help
bb44cebf-d964-4e3c-b64e-ce882243fe4d