---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/integrations/media-library'
title: 'メディアライブラリーから画像を配置する | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:47:21+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  サイトのメディアライブラリーから写真をページに置きましょう。短い
  テキストの横に並べます。画像を名前で探してチェックを入れ、挿入すれば、
  すべてのページが同じ承認済み画像を使い回せます。これが推奨の画像選択法
  です。Entity Browserは、
  サイトがすでにそれに頼っている場合だけお使いください。
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: メディアライブラリーから画像を配置する
      description: |-
        サイトのメディアライブラリーから写真をページに置きましょう。短い
        テキストの横に並べます。画像を名前で探してチェックを入れ、挿入すれば、
        すべてのページが同じ承認済み画像を使い回せます。これが推奨の画像選択法
        です。Entity Browserは、
        サイトがすでにそれに頼っている場合だけお使いください。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:47:21+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/ja/hc/documentation/learn-dxpr-builder/integrations/media-library'
      articleSection: 'Drupal-functies koppelen'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/integrations/media-library'
      description: |-
        サイトのメディアライブラリーから写真をページに置きましょう。短い
        テキストの横に並べます。画像を名前で探してチェックを入れ、挿入すれば、
        すべてのページが同じ承認済み画像を使い回せます。これが推奨の画像選択法
        です。Entity Browserは、
        サイトがすでにそれに頼っている場合だけお使いください。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: ホーム
            item: 'https://dxpr.com/ja'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ja
---
[Help Center](/ja/node/75)/[Documentation](/ja/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) # メディアライブラリーから画像を配置する.

 Learn DXPR BuilderManage the siteDrupal-functies koppelen

   ## In this guide

 Related guides

- [Entity Browserで画像を選ぶ](/ja/hc/documentation/learn-dxpr-builder/integrations/entity-browser)

サイトのメディアライブラリーから写真をページに置きましょう。短い テキストの横に並べます。画像を名前で探してチェックを入れ、挿入すれば、 すべてのページが同じ承認済み画像を使い回せます。これが推奨の画像選択法 です。[Entity Browser](/ja/hc/documentation/learn-dxpr-builder/integrations/entity-browser)は、 サイトがすでにそれに頼っている場合だけお使いください。

## はじめる前に

- モジュール**Media Library**が有効で、サイトにマシン名 `image`の画像メディアタイプがあります。
- **Browser type**は**Media Library**です。**Media**セクションの[一般設定](/hc/documentation/learn-dxpr-builder/admin/general-settings)にあります。
- お持ちの権限は**View media**です。

## 設定手順

1. コンテンツエリアの**+**をクリックし、 **Layout**タブから**Section**を選びます。
2. セクションの**+**をクリックして**Row**を選びます。 2つの均等カラム付きで入ります。
3. 右カラムの**+**をクリックし、 **Content**タブから**Text**を選びます。見出しを 入力し、**Heading 2**にし、1行追加して **Save**をクリックします。
4. 左カラムの**+**をクリックして **Image**を選びます。
5. クリックするのは**Select Image**です。**Media browser**が新しい順で開きます。
6. 入力するのは**Name**に画像名の一部で、 **Apply filters**をクリックします。
7. 画像にチェックを入れて**Insert selected**を クリックします。
8. 開くのは**SEO**パネルで、**Alt attribute**を入力して**Save**をクリックします。

## 表示結果

写真が左カラムに収まり、横にテキストが並びます。メディアアイテムは ライブラリーに残るので、他のページも同じ画像を使えます。

対象の**Media browser**は検索以上の機能を持ちます。

- **Add file**: パソコンから新しい画像をアップロードします。 全員のライブラリーに加わります
- **Sort by**: 新しい順か古い順か
- **Grid**か**Table**のライブラリー表示です
- 各画像のチェック。**Insert selected**はチェックした画像を すべて取り込みます。画像1点のフィールドは最初の1点だけ使います

他の画像フィールドも同じブラウザーを開きます。**Style**パネルの**Background image**、**Image carousel**と **Marquee**の画像リスト、動画のポスターです。**Local video**エレメントの**Select video**は動画ファイル用に開きます。

## メディアブラウザーが表示されない場合

- **Select Imageではなくプレーンなアップロードボタンが出ます。** **Browser type**が**Basic file upload**です。選択は**Media Library**を**Media**下で行います (`/admin/dxpr_studio/dxpr_builder/settings`)。
- **ブラウザーに「Media Library is not enabled.」と出ます。**Media Libraryモジュールがオフです。 **Extend** (`/admin/modules`)で有効にします。
- **ブラウザーに「Access denied」と出ます。** ロールに **View media**がありません。**People** > **Permissions** (`/admin/people/permissions`)で 付与します。
- **Add fileフォームがありません。** ロールに画像メディアの作成が ない可能性があります。同じ権限ページで**Image: Create new media**を付与します。

## 次はこちら

[高度なメディア選択のためのエンティティーブラウザー](/ja/hc/documentation/learn-dxpr-builder/integrations/entity-browser)でDXPR Builderの探索を続けましょう。