Placer une image depuis votre médiathèque.

Apprendre DXPR BuilderGérer le siteRelier les fonctions Drupal

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à.

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.
  • 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 pour continuer à explorer DXPR Builder.