Expériences

Aperçu

Experiences de Contentful Studio sont l’interface utilisateur interactive intégrée à l’application web qui permet aux utilisateurs de créer des expériences web à l’aide de leurs propres composants et modèles réutilisables.

REMARQUE : Experiences nécessite une configuration préliminaire. Une fois la configuration effectuée, vous pouvez accéder aux expériences à partir de l’onglet Experiences de l’application web Contentful.

Experience editor

L’éditeur d’expériences comprend les éléments suivants :

  • Composants — Un composant est un élément constitutif d’une expérience avec son ensemble individuel de variables Il existe les catégories de composants suivantes :

    • Basiques — Composants basiques dans l’éditeur d’expérience fournis par Contentful prêts à l’emploi.

    • Structure — Composants qui vous aident à façonner la mise en page de votre expérience, tels que les conteneurs, les sections et les colonnes.

    • Système de design — Composants qu’un utilisateur peut importer dans Experiences à l’aide de Experiences SDK. Il peut s’agir de vos composants de design existants que vous souhaitez pouvoir utiliser dans Experiences.

    • Modèles — Combinaisons de composants que vous pouvez créer directement dans une expérience et enregistrer pour les réutiliser dans d’autres expériences.

  • Plan de travail — Espace de travail dans lequel vous pouvez placer vos composants et prévisualiser l’expérience. Glissez-déposez un composant sur un plan de travail pour qu’il s’affiche immédiatement.

  • Onglet Couches — Permet d’afficher la hiérarchie de votre expérience. Glissez-déposez les composants pour ajuster leur hiérarchie et leur imbrication.

  • Onglet Paramètres — Vous pouvez mettre à jour le nom et le slug de votre expérience et modifier la plateforme d’aperçu.

  • Sélecteur de paramètres de langue-région — Permet de basculer entre les paramètres de langue-région afin d’afficher le contenu localisé de vos entrées. Les paramètres de langue-région disponibles sont définis par les paramètres de langue-région de l’environnement.

    La localisation dans Experiences se fait au niveau du champ.

  • Sélecteur de points de rupture — vous pouvez créer des mises en page réactives en ajustant les variables des composants par point de rupture. Pour modifier individuellement les variables des composants dans une mise en page, sélectionnez le point de rupture souhaité et effectuez les ajustements souhaités sur les composants.

REMARQUE : vous pouvez configurer vos propres points de rupture avec des tailles, des noms et des icônes personnalisés. Pour en savoir plus, consultez Enregistrer des points de rupture personnalisés.

  • Onglet Design — Permet d’ajuster le style et la représentation visuelle d’un composant dans la page.

  • Onglet Contenu — Permet d’ajouter du contenu ou des médias à vos composants selon les options suivantes :

    • Manuel — Permet de saisir manuellement du texte à l’aide des options de mise en forme Rich Text ou un lien vers une ressource.

    • Liaison de contenu — Permet de lier une entrée ou une ressource nouvelle ou existante à votre composant.

REMARQUE : une fois le composant déposé sur le plan de travail, à moins qu’il n’ait été déposé dans un composant conteneur existant, il est par défaut intégré dans un composant « Section ».

Articles connexes

Pour savoir comment configurer Experiences de Contentful Studio, reportez-vous aux articles suivants :

Pour savoir comment créer et gérer des expériences, reportez-vous aux articles suivants :