--- url: 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/modification/selection-des-elements' title: 'Atteindre la partie de la page à modifier | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:43:09+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Chaque partie de votre page a sa propre barre de contrôle : l’élément, sa colonne, sa ligne et sa section. Vous atteignez chacune en survolant, ou choisissez un niveau dans le Layers panel. La vidéo construit une ligne à deux colonnes avec un texte et un bouton, puis visite chaque niveau. tags: - 'Edit a page' 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: 'Atteindre la partie de la page à modifier' description: |- Chaque partie de votre page a sa propre barre de contrôle : l’élément, sa colonne, sa ligne et sa section. Vous atteignez chacune en survolant, ou choisissez un niveau dans le Layers panel. La vidéo construit une ligne à deux colonnes avec un texte et un bouton, puis visite chaque niveau. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:43:09+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/modification/selection-des-elements' articleSection: 'Modifier une page' - '@type': WebPage '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-dxpr-builder/modification/selection-des-elements' description: |- Chaque partie de votre page a sa propre barre de contrôle : l’élément, sa colonne, sa ligne et sa section. Vous atteignez chacune en survolant, ou choisissez un niveau dans le Layers panel. La vidéo construit une ligne à deux colonnes avec un texte et un bouton, puis visite chaque niveau. 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) /[Créer des pages](/fr/hc/documentation/learn-dxpr-builder/build) /[Modifier une page](/fr/hc/documentation/learn-dxpr-builder/editing) # Atteindre la partie de la page à modifier. Apprendre DXPR BuilderCréer des pagesModifier une page ## Dans ce guide Guides associés - [Modifier le texte sur la page](/fr/hc/documentation/apprendre-dxpr-builder/modification/modification-du-texte-en-place) - [Utiliser le menu Plus de l’élément](/fr/hc/documentation/apprendre-dxpr-builder/modification/menus-contextuels) - [Raccourcis clavier](/fr/hc/documentation/apprendre-dxpr-builder/reference/raccourcis-clavier) Chaque partie de votre page a sa propre barre de contrôle : l’élément, sa colonne, sa ligne et sa section. Vous atteignez chacune en survolant, ou choisissez un niveau dans le Layers panel. La vidéo construit une ligne à deux colonnes avec un texte et un bouton, puis visite chaque niveau. ## Construire une ligne à deux colonnes 1. Cliquez sur **+** dans la zone de contenu et choisissez **Section** dans l’onglet **Mise en page**. 2. Cliquez sur **+** sur la section et choisissez **Row**. Elle arrive avec deux colonnes égales. 3. Cliquez sur **+** dans la colonne de gauche et choisissez **Texte** dans l’onglet **Contenu**. 4. Saisissez un titre et une ligne de texte, puis cliquez sur **Enregistrer**. 5. Cliquez sur **+** dans la colonne de droite et choisissez **Bouton**. 6. Saisissez **Title**, définissez **Link** puis cliquez sur **Enregistrer**. ## Atteindre chaque niveau en survolant 1. Survolez le bouton. Sa barre de contrôle nomme l’élément et porte son bouton **Plus**. 2. Déplacez le pointeur vers le bord de la colonne. La barre affiche désormais **Column**. 3. Survolez la ligne. Sa barre affiche **Row**, avec l’icône de disposition des colonnes. 4. Survolez la section. La barre la plus extérieure affiche **Section**. La barre affichée appartient à la partie la plus intérieure sous le pointeur. Cliquez sur une barre de contrôle pour sélectionner sa partie : la partie reçoit un contour. Les raccourcis clavier comme **Ctrl+C** agissent sur la partie sélectionnée, ou sur la partie sous le pointeur quand rien n’est sélectionné. Cliquez sur un endroit vide hors de votre contenu pour effacer la sélection. ## Choisir un niveau dans le Layers panel 1. Ouvrez **Plus** dans la barre d’outils DXPR et choisissez **Layers panel**. 2. Cliquez sur un calque dans l’arborescence. La page défile jusqu’à cette partie et la surligne. 3. Cliquez sur les trois points du calque pour ouvrir le même menu que sa barre de contrôle. 4. Fermez le panneau et cliquez sur **Enregistrer**. **Ctrl+Maj+J** (**Cmd+Maj+J** sur Mac) ouvre et ferme le panneau. ## Ce que vous voyez La page est faite de niveaux imbriqués, toujours dans cet ordre : **Section**, **Row**, **Column**, puis l’élément. La barre de chaque niveau porte son propre bouton **Plus** avec les actions de ce niveau. Le Layers panel montre les mêmes niveaux en arbre, donc une partie difficile à survoler est à un clic. ## Barres de contrôle sur chaque élément ou sur une ligne | Option | Ce que vous voyez | |---|---| | **On each element** | Chaque élément montre sa propre barre. Les éléments imbriqués gagnent de l’espace pendant la modification. | | **One row** | Une ligne de barres au-dessus de l’élément pointé : **Section**, **Row**, **Column**, **Button**. La page garde sa mise en page publiée pendant la modification. | Dans **One row**, passer sur une barre illumine sa partie de la page. Sur un écran étroit, les barres extérieures sortent de la ligne ; survolez le bord d’un conteneur pour atteindre ce niveau. 1. Ouvrez **Plus** dans la barre d’outils DXPR et choisissez **Editor settings**, ou appuyez sur **Ctrl+;** (**Cmd+;** sur Mac). 2. Sous **Control bars**, choisissez **On each element** ou **One row**. 3. Cliquez sur **Enregistrer**. La page change aussitôt. **Ctrl+Maj+B** (**Cmd+Maj+B** sur Mac) bascule entre les deux sans la boîte de dialogue. Votre choix est stocké avec votre compte d’utilisateur, donc il vous suit sur d’autres navigateurs. Vous pouvez aussi le changer sur la page de modification de votre compte, sous **DXPR Builder**. L’option marquée **Default** est le choix de votre site. Choisissez-la pour continuer à suivre le site, même quand un administrateur change la valeur par défaut plus tard. ## Si les barres de contrôle ne s’affichent pas - **Aucune barre de contrôle n’apparaît.** La page est dans Aperçu. Ouvrez le menu d’affichage, l’**icône œil** dans la barre d’outils DXPR, et choisissez **Modifier**. - **La barre appartient à la mauvaise partie.** Le pointeur est sur un élément enfant. Allez sur la marge intérieure au bord du conteneur, ou choisissez la partie dans le **Layers panel**. - **Cliquer sur un texte ouvre l’éditeur de texte.** C’est de la modification en ligne, pas une sélection. Cliquez hors du texte, puis sur la barre de contrôle du texte. ## Et ensuite ? - [Modifier le texte sur place](/fr/hc/documentation/apprendre-dxpr-builder/modification/modification-du-texte-en-place) : changez les mots directement sur la page. - [Menus contextuels](/fr/hc/documentation/apprendre-dxpr-builder/modification/menus-contextuels) : chaque action du menu **Plus**. - [Raccourcis clavier](/fr/hc/documentation/learn-dxpr-builder/reference/keyboard-shortcuts) : agissez sur la partie sélectionnée sans la souris.