--- url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/demarrage/installer-sur-des-types-de-contenu-existants' title: 'Utiliser DXPR Builder sur vos types de contenu | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:41:08+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Transformez des types de contenu existants en pages construites visuellement. Vous basculez l’affichage d’un champ de texte long, comme Body, vers le formateur DXPR Builder. Après cela, chaque élément de ce type montre le constructeur à vos rédacteurs. Utilisez cette page sur un site existant ; un nouveau site DXPR CMS a déjà ses types de contenu configurés. La vidéo bascule le champ Body d’un type de contenu vers DXPR Builder. tags: - 'Install and update' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Utiliser DXPR Builder sur vos types de contenu' description: |- Transformez des types de contenu existants en pages construites visuellement. Vous basculez l’affichage d’un champ de texte long, comme Body, vers le formateur DXPR Builder. Après cela, chaque élément de ce type montre le constructeur à vos rédacteurs. Utilisez cette page sur un site existant ; un nouveau site DXPR CMS a déjà ses types de contenu configurés. La vidéo bascule le champ Body d’un type de contenu vers DXPR Builder. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:41:08+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/demarrage/installer-sur-des-types-de-contenu-existants' articleSection: 'Installer et mettre à jour' - '@type': WebPage '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/demarrage/installer-sur-des-types-de-contenu-existants' description: |- Transformez des types de contenu existants en pages construites visuellement. Vous basculez l’affichage d’un champ de texte long, comme Body, vers le formateur DXPR Builder. Après cela, chaque élément de ce type montre le constructeur à vos rédacteurs. Utilisez cette page sur un site existant ; un nouveau site DXPR CMS a déjà ses types de contenu configurés. La vidéo bascule le champ Body d’un type de contenu vers DXPR Builder. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Accueil item: 'https://dxpr.com/fr' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: fr --- [Centre d’aide](/fr/hc)/[Documentation](/fr/hc/documentation) /[Apprendre DXPR Builder](/fr/hc/documentation/learn-dxpr-builder) /[Commencer ici](/fr/hc/documentation/learn-dxpr-builder/start-here) /[Installer et mettre à jour](/fr/hc/documentation/learn-dxpr-builder/start-here/install) # Utiliser DXPR Builder sur vos types de contenu. Apprendre DXPR BuilderCommencer iciInstaller et mettre à jour ## Dans ce guide Guides associés - [Construisez votre première page](/fr/hc/documentation/apprendre-dxpr-builder/demarrage/premiere-page) - [Choisir ce que chaque rôle voit dans le builder](/fr/hc/documentation/apprendre-dxpr-builder/administration/profils-d-utilisateurs-admin) Transformez des types de contenu existants en pages construites visuellement. Vous basculez l’affichage d’un champ de texte long, comme **Body**, vers le formateur **DXPR Builder**. Après cela, chaque élément de ce type montre le constructeur à vos rédacteurs. Utilisez cette page sur un site existant ; un nouveau site [DXPR CMS](/fr/hc/documentation/apprendre-dxpr-builder/demarrage/installer-dxpr-cms) a déjà ses types de contenu configurés. La vidéo bascule le champ Body d’un type de contenu vers DXPR Builder. ## Avant de commencer - DXPR Builder est installé avec votre clé produit ([Installer DXPR Builder](/fr/hc/documentation/apprendre-dxpr-builder/demarrage/installation)). - Vous pouvez gérer les types de contenu, par exemple comme administrateur. ## Utiliser DXPR Builder sur un type de contenu Ces étapes utilisent un champ de texte long déjà présent sur le type de contenu, comme le champ **Body** par défaut. S’il n’y en a pas, [ajoutez d’abord un champ DXPR Builder](#add-a-dxpr-builder-field). 1. Allez à **Structure** > **Content types**. 2. Ouvrez le menu à côté de votre type de contenu et cliquez sur **Manage display**. 3. Si un aperçu des modes d’affichage s’ouvre, cliquez sur **Manage** pour **Default**. 4. Changez le **Format** de votre champ de texte de Default à **DXPR Builder**. 5. Cliquez sur **Enregistrer**. 6. Créez du contenu de ce type et saisissez un **Title**. 7. Cliquez sur **Enregistrer**. 8. Survolez la zone de contenu. La barre d’outils DXPR Builder apparaît. ## Ajouter un champ DXPR Builder Ajoutez un champ quand le type de contenu n’a pas encore de champ de texte long. 1. Allez à **Structure** > **Content types** et cliquez sur **Manage fields** pour votre type de contenu. 2. Cliquez sur **Create a new field**. 3. Choisissez **Formatted text**, puis **Long text**. Les anciennes versions de Drupal l’appellent **Text (formatted, long)**. 4. Saisissez un **Label**, comme « Event details », et cliquez sur **Continue**. 5. Cliquez sur **Enregistrer**. Réglez ensuite son **Format** sur **DXPR Builder** avec les étapes 2 à 5 ci-dessus. ## Masquer le champ sur le formulaire de modification Les types de contenu livrés avec DXPR Builder masquent leur champ du constructeur sur le formulaire de modification, les rédacteurs ne le changent donc que dans le constructeur. Pour faire pareil sur votre type : 1. Ouvrez **Manage form display** pour votre type de contenu. 2. Glissez le champ du constructeur dans la section **Disabled**. 3. Cliquez sur **Enregistrer**. ## Ce que vous voyez Le contenu du type s’ouvre avec le constructeur là où était le champ. Un nouvel élément montre un constructeur vide avec **Ajouter des éléments**. Les rédacteurs sans la permission **Edit with DXPR Builder** et les visiteurs voient la page rendue, sans commandes. Un type de contenu peut avoir plus d’un champ du constructeur. Chaque champ reçoit son propre constructeur sur la page, un par zone modifiable. Le formateur marche sur les champs **Short text**, **Long text** et **Long text with summary** de tout type d’entité. Cela inclut les types de blocs sur mesure ; `dxpr_builder_block` ajoute un type **Drag and Drop Block** prêt à l’emploi. ## Paramètres | Paramètre | Fonction | Valeur par défaut | |---|---|---| | **Editing Profile** (icône d’engrenage à côté du formateur) | Choisit le profil d’utilisateur qui définit les éléments, blocs, vues et boutons d’éditeur pour ce champ | **Default (Role-based Profile)** : chaque rédacteur reçoit le profil de son rôle | ## Si le constructeur ne s’affiche pas - **La liste Format n’a pas d’option DXPR Builder.** Le champ n’est pas un champ de texte formaté. Ajoutez un champ **Long text** comme décrit ci-dessus et utilisez celui-là. - **Manage display montre un bouton Manage layout mais aucune colonne Format.** L’affichage utilise Layout Builder. Cliquez sur **Manage layout**, configurez le bloc du champ et réglez son **Formatter** sur **DXPR Builder**. - **Le contenu montre le champ comme du texte brut.** Le format a été défini sur un autre mode d’affichage. Définissez-le sur **Default**, ou sur le mode d’affichage utilisé par vos pages. - **Les commandes n’apparaissent pas pour un rédacteur.** Le rôle du rédacteur n’a pas la permission **Edit with DXPR Builder**. Accordez-la à **People** > **Permissions** (`/admin/people/permissions`). ## Et ensuite ? - [Construisez votre première page](/fr/hc/documentation/apprendre-dxpr-builder/demarrage/premiere-page) : ajoutez sections, lignes et éléments au nouveau contenu. - [Profils d’utilisateurs](/fr/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin) : décidez ce que chaque rôle voit dans le constructeur. - [Les outils de modification](/hc/documentation/learn-dxpr-builder/editing) : chaque commande du constructeur.