Création de fragments de contenu

Dans ce chapitre, vous allez créer et modifier un fragment de contenu en fonction du modèle de fragment de contenu nouvellement défini. Vous apprendrez également à créer des variantes de fragments de contenu.

Prérequis

Il s’agit d’un tutoriel en plusieurs parties qui suppose que les étapes décrites dans la section Définition de modèles de fragment de contenu ont été terminées.

Objectifs

  • Création d’un fragment de contenu à partir d’un modèle de fragment de contenu
  • Création d’une variation de fragment de contenu

Création d’un dossier de ressources

Les fragments de contenu sont stockés dans des dossiers dans AEM Assets. Pour créer des fragments de contenu à partir des modèles créés dans le chapitre précédent, un dossier doit être créé pour les stocker. Une configuration est requise sur le dossier pour permettre la création de fragments à partir de modèles spécifiques.

  1. Dans l’écran AEM Démarrer , accédez à Ressources > Fichiers.

    Accès aux fichiers de ressources

  2. Appuyer Créer dans le coin et appuyez sur Dossier. Dans la boîte de dialogue qui s’affiche, saisissez :

    • Titre* : Mon projet
    • Nom : my-project

    Boîte de dialogue Créer un dossier

  3. Sélectionnez la Mon dossier dossier et appuyez sur Propriétés.

    Ouvrir les propriétés du dossier

  4. Appuyez sur le bouton Cloud Services . Sous Configuration du cloud utilisez l’outil de recherche de chemin pour sélectionner la variable Mon projet configuration. La valeur doit être /conf/my-project.

    Définition de la configuration du cloud

    La définition de cette propriété permet la création de fragments de contenu à l’aide des modèles créés dans le chapitre précédent.

  5. Appuyez sur le bouton Stratégies . Sous Modèles de fragment de contenu autorisés utilisez l’outil de recherche de chemin pour sélectionner la variable Personne et Équipe modèle créé précédemment.

    Modèles de fragment de contenu autorisés

    Ces stratégies seront automatiquement héritées par tous les sous-dossiers et peuvent être remplacées. Notez que vous pouvez également autoriser les modèles par balises ou activer les modèles à partir d’autres configurations de projet. Ce mécanisme permet de gérer efficacement votre hiérarchie de contenu.

  6. Appuyer Enregistrer et fermer pour enregistrer les modifications apportées aux propriétés du dossier.

  7. Naviguez dans le Mon projet dossier.

  8. Créez un autre dossier avec les valeurs suivantes :

    • Titre* : Anglais
    • Nom : en

    Il est recommandé de configurer des projets pour une prise en charge multilingue. Voir la page de documents suivante pour plus d’informations ;.

Création d’un fragment de contenu

Plusieurs fragments de contenu seront ensuite créés en fonction de la variable Équipe et Personne modèles.

  1. Dans l’AEM écran de démarrage, appuyez sur Fragments de contenu pour ouvrir l’interface utilisateur Fragments de contenu.

    Interface utilisateur des fragments de contenu

  2. Dans le rail de gauche, développez Mon projet et appuyez sur Anglais.

  3. Appuyer Créer pour afficher le Nouveau fragment de contenu et saisissez les valeurs suivantes :

    • Emplacement: /content/dam/my-project/en
    • Modèle de fragment de contenu : Personne
    • Titre : John Doe
    • Nom : john-doe

    Nouveau fragment du contenu

  4. Appuyez sur Créer.

  5. Répétez les étapes ci-dessus pour créer un fragment représentant Alison Smith:

    • Emplacement: /content/dam/my-project/en
    • Modèle de fragment de contenu : Personne
    • Titre : Alison Smith
    • Nom : alison-smith

    Appuyer Créer pour créer le fragment Personne.

  6. Répétez ensuite les étapes pour créer une nouvelle Équipe fragment représentant Equipe Alpha:

    • Emplacement: /content/dam/my-project/en
    • Modèle de fragment de contenu : Équipe
    • Titre : Equipe Alpha
    • Nom : team-alpha

    Appuyer Créer pour créer le fragment Équipe.

  7. Il doit désormais y avoir trois fragments de contenu sous Mon projet > Anglais:

    Nouveaux fragments de contenu

Modifier des fragments de contenu de personne

Remplissez ensuite les fragments nouvellement créés avec des données.

  1. Cochez la case en regard de John Doe et appuyez sur Ouvrir.

    Ouvrir le fragment de contenu

  2. L’éditeur de fragment de contenu contient un formulaire basé sur le modèle de fragment de contenu. Renseignez les différents champs pour ajouter du contenu au John Doe fragment. Pour l’image de profil, chargez votre propre image dans AEM Assets.

    Éditeur de fragment de contenu

  3. Appuyer Enregistrer et fermer pour enregistrer les modifications apportées au fragment John Doe.

  4. Revenez à l’interface utilisateur Fragment de contenu et ouvrez le Alison Smith pour modification.

  5. Répétez les étapes ci-dessus pour renseigner la variable Alison Smith fragment avec du contenu.

Modifier le fragment de contenu de l’équipe

  1. Ouvrez le Equipe Alpha Fragment de contenu à l’aide de l’interface utilisateur Fragment de contenu.

  2. Renseignez les champs de Titre, Nom court, et Description.

  3. Sélectionnez la John Doe et Alison Smith Fragments de contenu pour renseigner la variable Membres de l’équipe field :

    Définition des membres de l’équipe

    REMARQUE

    Vous pouvez également créer des fragments de contenu en ligne à l’aide de la méthode Nouveau fragment de contenu bouton .

  4. Appuyer Enregistrer et fermer pour enregistrer les modifications apportées au fragment Team Alpha.

Publication de fragments de contenu

Lors de la révision et de la vérification, publiez la création Content Fragments

  1. Dans l’AEM écran de démarrage, appuyez sur Fragments de contenu pour ouvrir l’interface utilisateur Fragments de contenu.

  2. Dans le rail de gauche, développez Mon projet et appuyez sur Anglais.

  3. Cochez la case en regard des fragments de contenu et appuyez sur Publier

    Publier le fragment de contenu

Félicitations !

Félicitations, vous venez de créer plusieurs fragments de contenu et d’en créer une variante.

Étapes suivantes

Dans le chapitre suivant, Exploration des API GraphQL, vous allez explorer AEM API GraphQL à l’aide de l’outil GraphQL intégré. Découvrez comment AEM génère automatiquement un schéma GraphQL basé sur un modèle de fragment de contenu. Vous allez expérimenter la création de requêtes de base en utilisant la syntaxe GraphQL.

Documentation connexe

Sur cette page