Creazione di frammenti di contenuto

Ultimo aggiornamento: 2023-12-04
  • Argomenti:
  • Content Fragments
    Visualizza ulteriori informazioni su questo argomento
  • GraphQL API
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • Beginner
    Developer

In questo capitolo, puoi creare e modificare un nuovo Frammento di contenuto basato su modello per frammenti di contenuto appena definito. Scopri anche come creare varianti di Frammenti di contenuto.

Prerequisiti

Si tratta di un tutorial in più parti in cui si presume che i passaggi descritti in Definizione dei modelli per frammenti di contenuto sono state completate.

Obiettivi

  • Creare un frammento di contenuto basato su un modello per frammenti di contenuto
  • Creare una variante del frammento di contenuto

Creare una cartella di risorse

I frammenti di contenuto sono memorizzati in cartelle in AEM Assets. Per creare frammenti di contenuto dai modelli creati nel capitolo precedente, è necessario creare una cartella per memorizzarli. È necessaria una configurazione della cartella per abilitare la creazione di frammenti da modelli specifici.

  1. Dalla schermata iniziale dell’AEM, passa a Risorse > File.

    Passare ai file delle risorse

  2. Tocca Crea nell’angolo in alto a destra e tocca Cartella. Nella finestra di dialogo risultante, immetti:

    • Titolo*: Il mio progetto
    • Nome: my-project

    Finestra di dialogo Crea cartella

  3. Seleziona la La mia cartella cartella e tocca Proprietà.

    Apri proprietà cartella

  4. Tocca il Cloud Service scheda. Nella scheda Configurazione cloud, utilizza Trova percorso per selezionare Il mio progetto configurazione. Il valore deve essere /conf/my-project.

    Imposta configurazione cloud

    L’impostazione di questa proprietà consente la creazione di frammenti di contenuto utilizzando i modelli creati nel capitolo precedente.

  5. Tocca il Criteri , sotto il Modelli per frammenti di contenuto consentiti utilizzare il Trova percorso per selezionare il campo Persona e Team modello creato in precedenza.

    Modelli per frammenti di contenuto consentiti

    Questi criteri vengono ereditati automaticamente da qualsiasi sottocartella e possono essere ignorati. Puoi anche consentire i modelli per tag o abilitare i modelli da altre configurazioni di progetto. Questo meccanismo offre un modo efficace per gestire la gerarchia dei contenuti.

  6. Tocca Salva e chiudi per salvare le modifiche apportate alle proprietà della cartella.

  7. Naviga all'interno del Il mio progetto cartella.

  8. Crea un’altra cartella con i seguenti valori:

    • Titolo*: Inglese
    • Nome: it

    Una buona pratica è quella di impostare progetti per il supporto multilingue. Consulta per ulteriori informazioni, consulta la pagina della documentazione seguente.

Creare un frammento di contenuto

Successivamente vengono creati diversi frammenti di contenuto in base al Team e Persona modelli.

  1. Dalla schermata iniziale dell’AEM, tocca Frammenti di contenuto per aprire l’interfaccia utente Frammenti di contenuto.

    Interfaccia utente per frammenti di contenuto

  2. Nella barra a sinistra, espandi Il mio progetto e tocca Inglese.

  3. Tocca Crea per visualizzare Nuovo frammento di contenuto e immettere i seguenti valori:

    • Posizione: /content/dam/my-project/en
    • Modello per frammenti di contenuto: Persona
    • Titolo: John Doe
    • Nome: john-doe

    Nuovo frammento di contenuto

  4. Tocca Crea.

  5. Ripeti i passaggi precedenti per creare un frammento che rappresenta Alison Smith:

    • Posizione: /content/dam/my-project/en
    • Modello per frammenti di contenuto: Persona
    • Titolo: Alison Smith
    • Nome: alison-smith

    Tocca Crea per creare il frammento Persona.

  6. Quindi, ripeti i passaggi per creare un Team frammento che rappresenta Alpha team:

    • Posizione: /content/dam/my-project/en
    • Modello per frammenti di contenuto: Team
    • Titolo: Alpha team
    • Nome: team-alpha

    Tocca Crea per creare il frammento Team.

  7. Sotto dovrebbero essere presenti tre frammenti di contenuto Il mio progetto > Inglese:

    Nuovi frammenti di contenuto

Modifica frammenti di contenuto persona

Quindi popola i frammenti appena creati con i dati.

  1. Tocca la casella di controllo accanto a John Doe e tocca Apri.

    Apri frammento di contenuto

  2. L’Editor frammento di contenuto contiene un modulo basato sul modello Frammento di contenuto. Compila i vari campi per aggiungere contenuto al John Doe frammento. Per Immagine profilo, carica la tua immagine in AEM Assets.

    Editor frammento di contenuto

  3. Tocca Salva e chiudi per salvare le modifiche apportate al frammento John Doe.

  4. Torna all’interfaccia utente Frammento di contenuto e apri la Alison Smith file per la modifica.

  5. Ripeti i passaggi precedenti per compilare Alison Smith frammento con contenuto.

Modifica frammento di contenuto team

  1. Apri Alpha team Frammento di contenuto utilizzando l’interfaccia utente Frammento di contenuto.

  2. Compila i campi per Titolo, Nome breve, e Descrizione.

  3. Seleziona la John Doe e Alison Smith Frammenti di contenuto per compilare Membri team campo:

    Imposta membri del team

    NOTA

    Puoi anche creare frammenti di contenuto in linea utilizzando Nuovo frammento di contenuto pulsante.

  4. Tocca Salva e chiudi per salvare le modifiche apportate al frammento di Alpha Team.

Pubblicare frammenti di contenuto

In seguito a revisione e verifica, pubblica il Content Fragments

  1. Dalla schermata iniziale dell’AEM, tocca Frammenti di contenuto per aprire l’interfaccia utente Frammenti di contenuto.

  2. Nella barra a sinistra, espandi Il mio progetto e tocca Inglese.

  3. Tocca la casella di controllo accanto ai frammenti di contenuto e tocca Pubblica.
    Pubblica frammento di contenuto

Congratulazioni.

Congratulazioni, hai creato più frammenti di contenuto e creato una variante.

Passaggi successivi

Nel prossimo capitolo, Esplora le API di GraphQL, esplorerai le API GraphQL dell’AEM utilizzando lo strumento GraphiQL integrato. Scopri come l’AEM genera automaticamente uno schema GraphQL basato su un modello di Frammento di contenuto. Sperimenterai la costruzione di query di base utilizzando la sintassi GraphQL.

Documentazione correlata

In questa pagina