--- url: 'https://dxpr.com/fr/hc/documentation/learn-dxpr-builder/integrations/media-library' title: 'Placer une image depuis votre médiathèque | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T08:26:26+00:00' updated: '2026-10-24T09:09:48+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- Mettez sur la page une photo de la médiathèque de votre site, à côté d’un court texte. Vous trouvez l’image par son nom, vous la cochez et vous l’insérez, pour que chaque page réutilise les mêmes images validées. C’est la façon recommandée de choisir les images ; n’utilisez Entity Browser que si votre site en dépend déjà. tags: - 'Drupal-functies koppelen' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T09:09:48+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Placer une image depuis votre médiathèque' description: |- Mettez sur la page une photo de la médiathèque de votre site, à côté d’un court texte. Vous trouvez l’image par son nom, vous la cochez et vous l’insérez, pour que chaque page réutilise les mêmes images validées. C’est la façon recommandée de choisir les images ; n’utilisez Entity Browser que si votre site en dépend déjà. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T08:26:26+0000' dateModified: '2026-10-24T09:09:48+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/learn-dxpr-builder/integrations/media-library' articleSection: 'Drupal-functies koppelen' - '@type': WebPage '@id': 'https://dxpr.com/fr/hc/documentation/learn-dxpr-builder/integrations/media-library' description: |- Mettez sur la page une photo de la médiathèque de votre site, à côté d’un court texte. Vous trouvez l’image par son nom, vous la cochez et vous l’insérez, pour que chaque page réutilise les mêmes images validées. C’est la façon recommandée de choisir les images ; n’utilisez Entity Browser que si votre site en dépend déjà. 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 --- [Help Center](/fr/hc)/[Documentation](/fr/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Manage the site](/hc/documentation/learn-dxpr-builder/manage) /[Drupal-functies koppelen](/hc/documentation/learn-dxpr-builder/integrations) # Placer une image depuis votre médiathèque. Learn DXPR BuilderManage the siteDrupal-functies koppelen ## In this guide Related guides - [Choisir des images avec Entity Browser](/fr/hc/documentation/learn-dxpr-builder/integrations/entity-browser) Mettez sur la page une photo de la médiathèque de votre site, à côté d’un court texte. Vous trouvez l’image par son nom, vous la cochez et vous l’insérez, pour que chaque page réutilise les mêmes images validées. C’est la façon recommandée de choisir les images ; n’utilisez [Entity Browser](/fr/hc/documentation/learn-dxpr-builder/integrations/entity-browser) que si votre site en dépend déjà. ## Avant de commencer - Le module **Media Library** est activé et le site a un type de média image avec le nom machine `image`. - **Browser type** est réglé sur **Media Library**. Vous le trouvez dans la section **Media** des [Réglages généraux](/hc/documentation/learn-dxpr-builder/admin/general-settings). - Vous avez la permission **View media**. ## Configuration 1. Cliquez sur **+** dans la zone de contenu et, depuis l’onglet **Layout**, choisissez **Section**. 2. Cliquez sur **+** sur la section et choisissez **Row** ; elle arrive avec deux colonnes égales. 3. Cliquez sur **+** dans la colonne droite et, depuis l’onglet **Content**, choisissez **Text**. Tapez un titre, réglez-le sur **Heading 2**, ajoutez une ligne et cliquez sur **Save**. 4. Cliquez sur **+** dans la colonne gauche et choisissez **Image**. 5. Cliquez sur **Select Image** : le **Media browser**s’ouvre avec les images les plus récentes d’abord. 6. Tapez une partie du nom de l’image sous **Name**et cliquez sur **Apply filters**. 7. Cochez l’image et cliquez sur **Insert selected**. 8. Ouvrez le panneau **SEO**, tapez l’**Alt attribute** et cliquez sur **Save**. ## Ce que vous voyez La photo se place dans la colonne gauche avec votre texte à côté. L’élément média reste dans la médiathèque, pour que d’autres pages utilisent la même image. Le **Media browser** offre plus que la recherche : - **Add file** : téléversez une nouvelle image depuis votre ordinateur. Elle rejoint la médiathèque pour tout le monde - **Sort by** : les plus récentes ou les plus anciennes d’abord - **Grid** ou **Table** pour afficher la médiathèque - Une coche sur chaque image. **Insert selected** prend chaque image cochée ; un champ qui tient une image garde la première D’autres champs d’image ouvrent le même navigateur : le **Background image** du panneau **Style**, les listes d’images de **Image carousel** et **Marquee**, et l’affiche d’une vidéo. **Select video** sur l’élément **Local video** l’ouvre pour les fichiers vidéo. ## Si vous ne voyez pas le navigateur de médias - **Un simple bouton de téléversement s’affiche au lieu de Select Image.** **Browser type** est réglé sur **Basic file upload**. Choisissez **Media Library** sous **Media**à `/admin/dxpr_studio/dxpr_builder/settings`. - **Le navigateur dit « Media Library is not enabled. »**Le module Media Library est désactivé. Activez-le sous **Extend** (`/admin/modules`). - **Le navigateur affiche « Access denied ».** Votre rôle n’a pas **View media**. Accordez-la sous **People** > **Permissions** (`/admin/people/permissions`). - **Il n’y a pas de formulaire Add file.** Votre rôle ne peut peut-être pas créer de médias image. Accordez **Image: Create new media** sur la même page de permissions. ## Et ensuite ? [Entity Browser pour une sélection avancée de médias](/fr/hc/documentation/learn-dxpr-builder/integrations/entity-browser) pour continuer à explorer DXPR Builder.