Pré-lier du contenu dans Experiences

La pré-liaison vous permet de relier du contenu structuré à un pattern déjà assemblé visuellement dans Studio. De cette façon, chaque fois qu’un pattern est utilisé dans une expérience, il peut être facilement rempli de contenu. 

<strong>Important</strong>: pour utiliser la fonctionnalité de pré-liaison, assurez-vous d’avoir installé au moins la <a href="https://www.contentful.com/developers/docs/experiences/installation/" title=""></u>version <strong>3.8.0</strong> du SDK<u></a>.

Vous pouvez pré-lier le contenu à un pattern pour simplifier l’expérience de vos éditeurs en :

  1. Attribuant un type de contenu à un pattern

  2. Mappant les champs de type de contenu aux propriétés des composants : de cette façon, dans une expérience, un éditeur peut sélectionner une entrée du ou des types de contenu liés, et son contenu de champ remplira automatiquement les composants du pattern en fonction des mappages définis.

    1. Entrée par défaut : vous pouvez éventuellement attribuer une entrée par défaut à un modèle. Cette entrée est automatiquement attribuée à chaque instance de pattern, et vos éditeurs auront la possibilité de remplacer l’entrée.

Vous pouvez pré-lier un type de contenu « Étude de cas » et ses champs à un pattern et à ses composants tels que « Titre », « Image » et « Bouton ». Votre éditeur peut ensuite faire glisser ce pattern sur le plan de travail Expériences et sélectionner une entrée existante ou créer une nouvelle entrée. Les composants de l’instance de pattern sont automatiquement pré-remplis avec le contenu de l’entrée, le tout en une seule sélection.

  • La pré-liaison d’un pattern est facultative. Les clients peuvent également mapper les champs de saisie de contenu aux composants dans le plan de travail de l’expérience. 

  • Les clients peuvent attribuer un type de contenu à un pattern, puis mapper les composants aux champs pour ce type de contenu. 

  • Les clients peuvent attribuer une entrée par défaut à un pattern. Si une entrée par défaut est attribuée, le contenu de l’entrée apparaîtra automatiquement chaque fois qu’un pattern est utilisé. Les éditeurs peuvent supprimer ou remplacer l’entrée par défaut par une autre entrée du même type de contenu.

  • Dans les patterns imbriqués, lorsqu’un pattern est placé à l’intérieur d’un autre, vous pouvez définir à quel type de contenu la pré-liaison doit s’appliquer. Lorsque le pattern imbriqué contient plusieurs pré-liaisons associées à différents types de contenu, sélectionnez celles que vous souhaitez garder en désélectionnant les autres.

  • Lors du mappage des composants d’un pattern aux champs de type de contenu, vous pouvez mapper un, plusieurs ou tous les champs. Vous pouvez également laisser une propriété de n’importe quel composant non mappée, afin de pouvoir la mapper manuellement plus tard dans le plan de travail de l’expérience. 

Pour lier un pattern à un type de contenu et mapper les champs aux propriétés des composants :

  1. Connectez-vous à l’application web Contentful.

  2. Accédez à l’onglet « Expériences ».

  3. Modifiez un pattern existant ou créez-en un nouveau. Vous pouvez le faire soit dans le plan de travail de l’expérience, soit à partir de la vue en liste « Tous les patterns ».

  4. Passez à l’onglet « Contenu » dans la barre latérale droite et sélectionnez le ou les types de contenu que vous souhaitez associer au pattern. La barre latérale « Gérer la liaison » s’affiche.

    The Manage binding sidebar in Studio
  5. Sélectionnez un composant et une propriété de composant, et choisissez l’un des champs pris en charge par le type de contenu.
    Les champs affichés pour le type de contenu sélectionné constituent un aperçu destiné à vous aider à choisir facilement le champ approprié. Lorsque vous cliquez sur un champ, il est mis en surbrillance pour indiquer qu’il est maintenant associé à la propriété du composant. En haut, vous pouvez également voir que la propriété est cochée, confirmant qu’elle est associée à un champ.

  6. Cliquez sur Terminé.

  7. Facultatif : cliquez sur le menu à trois points et sélectionnez Ajouter une entrée par défaut pour définir l’entrée par défaut pour le type de contenu. 

    The Manage binding sidebar in Studio

    REMARQUE : chaque pattern ne peut avoir qu’une seule entrée par défaut.


    La barre latérale « Sélectionner une entrée » s’affiche, dans laquelle vous pouvez sélectionner l’entrée que vous souhaitez utiliser par défaut pour votre pattern.

    REMARQUE : vous pouvez également en créer une nouvelle en cliquant sur +Nouvelle entrée.

  8. Cliquez sur Terminé pour fermer la barre latérale.

  9. Cliquez sur Enregistrer pour appliquer les modifications au pattern.

Pour remplir un pattern pré-lié avec du contenu :

  1. Connectez-vous à l’application web Contentful.

  2. Accédez à l’onglet « Expériences ».

  3. Modifiez une expérience existante ou créez-en une nouvelle.

  4. Sélectionnez un pattern existant dans le plan de travail de l’expérience ou ajoutez-en un nouveau.

  5. Accédez à l’onglet « Contenu » dans la barre latérale droite.

  6. Cliquez sur Ajouter une entrée.

  7. Sélectionnez une entrée dans la fenêtre de sélection des entrées. Le contenu de cette entrée remplit automatiquement votre instance de pattern pour les composants qui ont été mappés en pré-liaison.

  8. Facultatif : pour supprimer l’entrée liée, cliquez sur l’icône de la corbeille.

    REMARQUE: Vous pouvez obtenir une vue complète de toutes les pré-liaisons de patterns utilisées dans l’expérience en passant à l’onglet « Contenu » et en cliquant sur Toutes les pré-liaisons, que l’élément sélectionné soit un composant au sein d’un pattern ou le pattern lui-même. Depuis cet emplacement, il vous suffit de choisir une entrée pour chaque pattern pré-lié afin d’alimenter le contenu, sans devoir retrouver manuellement chaque pattern.

Une fois que la pré-liaison existe sur un pattern, tout nouveau pattern glissé et déposé sur un plan de travail utilisera la pré-liaison. Si un pattern précédemment créé utilise une liaison manuelle, vous pouvez le réinitialiser afin d’utiliser la fonctionnalité de pré-liaison. 

Pour réinitialiser votre liaison :

  1. Connectez-vous à l’application web Contentful.

  2. Accédez à l’onglet « Expériences ».

  3. Dans la barre latérale gauche, cliquez sur Tous les patterns pour afficher la vue Tous les patterns.

  4. Créez un nouveau pattern en cliquant sur + Ajouter un pattern ou ouvrez un pattern existant.

  5. Dans la barre latérale gauche, sous « Patterns », recherchez le pattern avec pré-liaison dont vous avez besoin.

  6. Glissez-déposez le pattern sur le plan de travail.

  7. Accédez à l’onglet « Contenu » dans la barre latérale. Lorsqu’un pattern comprend plusieurs pré-liaisons associées à différents types de contenu, vous pouvez choisir celles que vous souhaitez activer ou désactiver, afin que seules les pré-liaisons nécessaires soient appliquées dans le pattern parent.