Definizione dei modelli di frammenti di contenuto

In questo capitolo, scopri come modellare il contenuto e creare uno schema con Modelli per frammenti di contenuto. Scopri i diversi tipi di dati che possono essere utilizzati per definire uno schema come parte del modello.

Creiamo due modelli semplici, Team e Persona. La Team il modello dati ha nome, nome breve e descrizione e fa riferimento al Persona modello dati, che ha nome completo, dettagli bio, immagine profilo e elenco occupazioni.

Puoi anche creare un tuo modello seguendo i passaggi di base e modificando i rispettivi passaggi come le query GraphQL e React App code o semplicemente seguendo i passaggi descritti in questi capitoli.

Prerequisiti

Si tratta di un tutorial in più parti e si presume che un AEM’ambiente di authoring è disponibile.

Obiettivi

  • Crea un modello di frammento di contenuto.
  • Identifica i tipi di dati disponibili e le opzioni di convalida per la creazione di modelli.
  • Comprendere come il modello per frammento di contenuto definisce entrambi lo schema dati e il modello di creazione per un frammento di contenuto.

Creare una configurazione di progetto

Una configurazione di progetto contiene tutti i modelli di frammento di contenuto associati a un particolare progetto e fornisce un mezzo per organizzare i modelli. È necessario creare almeno un progetto prima creazione di un modello per frammenti di contenuto.

  1. Accedi al AEM Autore ambiente (es. https://author-pYYYY-eXXXX.adobeaemcloud.com/)

  2. Dalla schermata iniziale AEM, passa a Strumenti > Generale > Browser di configurazione.

    Passa al browser di configurazione

  3. Fai clic su Crea, nell'angolo in alto a destra

  4. Nella finestra di dialogo risultante, immetti:

    • Titolo*: Progetto personale
    • Nome*: progetto personale (preferisci utilizzare tutte le lettere minuscole utilizzando i trattini per separare le parole. Questa stringa influenza l'endpoint GraphQL univoco su cui le applicazioni client eseguono le richieste.)
    • Controlla Modelli per frammenti di contenuto
    • Controlla Query persistenti GraphQL

    Configurazione del progetto personale

Creare modelli di frammenti di contenuto

Quindi, crea due modelli per un Team e Persona.

Creare il modello persona

Creare un modello per un Persona, che è il modello dati che rappresenta una persona che fa parte di un team.

  1. Dalla schermata iniziale AEM, passa a Strumenti > Generale > Modelli per frammenti di contenuto.

    Passa a Modelli di frammenti di contenuto

  2. Passa a Progetto personale cartella.

  3. Tocca Crea nell'angolo in alto a destra per visualizzare Crea modello procedura guidata.

  4. In Titolo modello campo, immettere Persona e toccare Crea. Nella finestra di dialogo risultante, tocca Apri, per creare il modello.

  5. Trascina e rilascia una Testo a riga singola sul pannello principale. Immetti le seguenti proprietà nel Proprietà scheda:

    • Etichetta campo: Nome completo
    • Nome proprietà: fullName
    • Controlla Obbligatorio

    Campo proprietà Nome completo

    La Nome proprietà definisce il nome della proprietà persistente da AEM. La Nome proprietà definisce anche le key nome di questa proprietà come parte dello schema dati. Questo key viene utilizzato quando i dati dei frammenti di contenuto sono esposti tramite API GraphQL.

  6. Tocca Tipi di dati trascina e rilascia una Testo a più righe campo sotto Nome completo campo . Immetti le seguenti proprietà:

    • Etichetta campo: Biografia
    • Nome proprietà: biographyText
    • Tipo predefinito: Rich Text
  7. Fai clic sul pulsante Tipi di dati trascina e rilascia una Riferimento contenuto campo . Immetti le seguenti proprietà:

    • Etichetta campo: Immagine profilo
    • Nome proprietà: profilePicture
    • Percorso directory principale: /content/dam

    Durante la configurazione della Percorso radice, puoi fare clic su cartella per visualizzare un modale per selezionare il percorso. Questo limita le cartelle che gli autori possono utilizzare per compilare il percorso. /content/dam è la directory principale in cui vengono archiviati tutti gli AEM Assets (immagini, video, altri frammenti di contenuto).

  8. Aggiungi una convalida al Riferimento immagine in modo che solo i tipi di contenuto Immagini può essere utilizzato per compilare il campo.

    Limita alle immagini

  9. Fai clic sul pulsante Tipi di dati trascina e rilascia una Enumerazione tipo di dati sotto la Riferimento immagine campo . Immetti le seguenti proprietà:

    • Rendering come: Caselle di controllo
    • Etichetta campo: Occupazione
    • Nome proprietà: occupation
  10. Aggiungi diversi Opzioni utilizzando Aggiungi un’opzione pulsante . Utilizza lo stesso valore per Etichetta opzione e Valore opzione:

    Artista, Influencer, Fotografo, Viaggiatore, Scrittore, YouTuber

  11. Il finale Persona Il modello deve essere simile al seguente:

    Modello a persona finale

  12. Fai clic su Salva per salvare le modifiche.

Crea modello team

Creare un modello per un Team, che è il modello dati per un team di persone. Il modello Team fa riferimento al modello Persona per rappresentare i membri del team.

  1. In Progetto personale cartella, tocca Crea nell'angolo in alto a destra per visualizzare Crea modello procedura guidata.

  2. In Titolo modello campo, immettere Team e toccare Crea.

    Tocca Apri nella finestra di dialogo risultante, per aprire il modello appena creato.

  3. Trascina e rilascia una Testo a riga singola sul pannello principale. Immetti le seguenti proprietà nel Proprietà scheda:

    • Etichetta campo: Titolo
    • Nome proprietà: title
    • Controlla Obbligatorio
  4. Tocca Tipi di dati trascina e rilascia una Testo a riga singola sul pannello principale. Immetti le seguenti proprietà nel Proprietà scheda:

    • Etichetta campo: Nome breve
    • Nome proprietà: shortName
    • Controlla Obbligatorio
    • Controlla Univoco
    • Sotto, Tipo di convalida > scegli Personalizzato
    • Sotto, Regex di convalida personalizzato > enter ^[a-z0-9\-_]{5,40}$ - in questo modo è possibile inserire solo valori alfanumerici minuscoli e trattini da 5 a 40 caratteri.

    La shortName La proprietà consente di eseguire query su un singolo team in base a un percorso abbreviato. La Univoco assicura che il valore sia sempre univoco per ogni frammento di contenuto del modello.

  5. Tocca Tipi di dati trascina e rilascia una Testo a più righe campo sotto Nome breve campo . Immetti le seguenti proprietà:

    • Etichetta campo: Descrizione
    • Nome proprietà: description
    • Tipo predefinito: Rich Text
  6. Fai clic sul pulsante Tipi di dati trascina e rilascia una Riferimento frammento campo . Immetti le seguenti proprietà:

    • Rendering come: Campo multiplo
    • Etichetta campo: Membri del team
    • Nome proprietà: teamMembers
    • Modelli di frammenti di contenuto consentiti: Utilizza l’icona della cartella per selezionare la Persona modello.
  7. Il finale Team Il modello deve essere simile al seguente:

    Modello del team finale

  8. Fai clic su Salva per salvare le modifiche.

  9. Ora dovresti disporre di due modelli da cui lavorare:

    Due modelli

Pubblica configurazione progetto e modelli di frammenti di contenuto

Al momento della revisione e della verifica, pubblica il Project Configuration & Content Fragment Model

  1. Dalla schermata iniziale AEM, passa a Strumenti > Generale > Browser di configurazione.

  2. Tocca la casella di controllo accanto a Progetto personale e toccare Pubblica

    Pubblica configurazione progetto

  3. Dalla schermata iniziale AEM, passa a Strumenti > Generale > Modelli per frammenti di contenuto.

  4. Passa a Progetto personale cartella.

  5. Tocca Persona e Team modelli e tocca Pubblica

    Pubblicare modelli di frammenti di contenuto

Congratulazioni!

Congratulazioni, hai appena creato i tuoi primi modelli di frammenti di contenuto!

Passaggi successivi

Nel capitolo successivo, Authoring di modelli di frammenti di contenuto, puoi creare e modificare un nuovo frammento di contenuto basato su un modello di frammento di contenuto. Inoltre, viene illustrato come creare varianti di frammenti di contenuto.

Documentazione correlata

In questa pagina