---
url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/migration/depuis-le-constructeur-de-mise-en-page'
title: 'Depuis le Constructeur de mise en page | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:23:37+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  Vous reconstruisez chaque page du Constructeur de mise en page
  dans un champ DXPR Builder pendant que l’ancienne mise en page reste
  en ligne. Au final, les contributeurs modifient la page sur la page
  même plutôt que sur l’écran Layout. Aucun outil ne convertit
  les mises en page du Constructeur de mise en page, donc prévoyez du
  temps par page.
tags:
  - 'Move from another builder'
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: 'Depuis le Constructeur de mise en page'
      description: |-
        Vous reconstruisez chaque page du Constructeur de mise en page
        dans un champ DXPR Builder pendant que l’ancienne mise en page reste
        en ligne. Au final, les contributeurs modifient la page sur la page
        même plutôt que sur l’écran Layout. Aucun outil ne convertit
        les mises en page du Constructeur de mise en page, donc prévoyez du
        temps par page.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:23:37+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/migration/depuis-le-constructeur-de-mise-en-page'
      articleSection: 'Quitter un autre builder'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/migration/depuis-le-constructeur-de-mise-en-page'
      description: |-
        Vous reconstruisez chaque page du Constructeur de mise en page
        dans un champ DXPR Builder pendant que l’ancienne mise en page reste
        en ligne. Au final, les contributeurs modifient la page sur la page
        même plutôt que sur l’écran Layout. Aucun outil ne convertit
        les mises en page du Constructeur de mise en page, donc prévoyez du
        temps par page.
      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) /[Quitter un autre builder](/fr/hc/documentation/learn-dxpr-builder/migration) # Depuis le Constructeur de mise en page.

 Apprendre DXPR BuilderCommencer iciQuitter un autre builder

   ## Dans ce guide

 Guides associés

- [Depuis Paragraphs](/fr/hc/documentation/apprendre-dxpr-builder/migration/depuis-paragraphs)
- [Trouver et ajouter un élément](/fr/hc/documentation/apprendre-dxpr-builder/modification/selecteur-d-elements)

Vous reconstruisez chaque page du Constructeur de mise en page dans un champ DXPR Builder pendant que l’ancienne mise en page reste en ligne. Au final, les contributeurs modifient la page sur la page même plutôt que sur l’écran **Layout**. Aucun outil ne convertit les mises en page du Constructeur de mise en page, donc prévoyez du temps par page. Pour garder le Constructeur de mise en page pour le cadre de la page, voir [Utiliser DXPR Builder dans le Constructeur de mise en page](/fr/hc/documentation/apprendre-dxpr-builder/integrations/constructeur-de-mise-en-page).

## Avant de commencer

- DXPR Builder est installé et votre clé de produit est enregistrée, voir [Réglages généraux](/fr/hc/documentation/apprendre-dxpr-builder/administration/parametres-generaux).
- Vous pouvez gérer les champs et l’affichage du type de contenu.
- Chaque page du type de contenu compte comme un contenu dès que son affichage utilise le formateur DXPR Builder. Vérifiez votre limite sur l’onglet **Content Items**.

## Configuration

1. Accédez à **Structure** > **Content types**(`/admin/structure/types`) et cliquez sur **Manage fields** pour le type de contenu.
2. Ajoutez un champ : choisissez **Formatted text**, puis **Long text**, par exemple « Page content ».
3. Cliquez sur **Manage display**, puis **Manage layout**.
4. Cliquez sur **Add block** où le contenu de la page doit aller et choisissez le nouveau champ.
5. Réglez **Formatter** sur **DXPR Builder**, ajoutez le bloc et cliquez sur **Save layout**.
6. Les pages avec leur propre mise en page ne suivent pas la mise en page par défaut. Sur chacune, ouvrez l’onglet **Layout** et ajoutez le champ de la même façon.

## Reconstruire chaque page

1. Ouvrez la page. Le champ DXPR Builder vide s’affiche à côté des anciens blocs.
2. Reconstruisez la structure avec **Section** et **Ligne**depuis l’onglet **Mise en page** du sélecteur d’éléments. Le tableau ci-dessous fait correspondre chaque partie du Constructeur de mise en page.
3. Copiez le texte des anciens blocs dans des éléments **Texte**.
4. Ajoutez à nouveau les images avec des éléments **Image**.
5. Cliquez sur **Save** dans la barre d’outils de DXPR Builder.

| Constructeur de mise en page | DXPR Builder |
|---|---|
| Section à une colonne | **Section** |
| Section à deux, trois ou quatre colonnes | **Ligne** avec le même nombre de colonnes |
| Bloc en ligne | **Texte**, **Image** ou un autre élément de l’onglet **Contenu** |
| Bloc personnalisé réutilisable | Le bloc dans l’onglet **Drupal Blocks** |
| Bloc de vue | La vue dans l’onglet **Drupal Views** |

Si beaucoup de pages partagent une structure, enregistrez la première page reconstruite comme modèle et insérez-le sur les autres.

## Terminer le déplacement

1. Sur chaque page avec sa propre mise en page, ouvrez **Layout**et cliquez sur **Revert to defaults**. Cela retire l’ancienne mise en page et ses blocs en ligne ; le nouveau champ garde son contenu.
2. Ouvrez **Manage layout** du type de contenu, retirez les anciens blocs et cliquez sur **Save layout**.

Pour ne plus utiliser le Constructeur de mise en page pour ce type de contenu, décochez **Use Layout Builder** sur **Manage display**. Drupal signale que toutes les personnalisations seront retirées. Réglez ensuite le **Format** du nouveau champ sur **DXPR Builder** dans la liste des champs.

## Ce que vous voyez

Chaque page affiche son contenu depuis le champ DXPR Builder. Les contributeurs avec la permission **Edit with DXPR Builder** voient les contrôles d’édition sur la page et enregistrent depuis la barre d’outils de DXPR Builder. L’onglet **Content items** liste chaque page du type de contenu.

## Si vous ne voyez pas l’éditeur

- **Use Layout Builder ne peut pas être décoché.** Certaines pages ont encore leur propre mise en page. Cliquez d’abord sur **Revert to defaults**sur leur onglet **Layout**.
- **Le nouveau champ manque sur certaines pages.** Ces pages ont leur propre mise en page. Ajoutez le champ sur leur onglet **Layout**.
- **Le champ s’affiche, mais sans contrôles d’édition.** Votre compte n’a pas la permission **Edit with DXPR Builder**, ou vos limites de licence sont atteintes. Voir [Erreurs de licence et de clé de produit](/fr/hc/documentation/apprendre-dxpr-builder/depannage/licence-et-cle-de-produit).
- **L’ancien contenu s’affiche à côté du nouveau.** Les anciens blocs sont encore dans la mise en page. Retirez-les comme décrit sous Terminer le déplacement.

## Et ensuite ?

- [Depuis Paragraphs](/fr/hc/documentation/apprendre-dxpr-builder/migration/depuis-paragraphs) : le même déplacement pour le contenu Paragraphs
- [Le sélecteur d’éléments](/fr/hc/documentation/apprendre-dxpr-builder/modification/selecteur-d-elements) : chaque élément utilisable