---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/integrations/layout-builder'
title: 'Layout Builderの中でDXPR Builderを使う | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:47:14+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  コンテンツタイプの枠組みはLayout Builderにまかせ、中のコンテンツは
  DXPR Builderで編集者に作らせましょう。最後には、メインエリアの周りに
  固定フィールドが並び、編集者は中央を自由に作ります。Layout Builderから
  離れる場合は、Layout Builderからの移行を
  ご覧ください。
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: 'Layout Builderの中でDXPR Builderを使う'
      description: |-
        コンテンツタイプの枠組みはLayout Builderにまかせ、中のコンテンツは
        DXPR Builderで編集者に作らせましょう。最後には、メインエリアの周りに
        固定フィールドが並び、編集者は中央を自由に作ります。Layout Builderから
        離れる場合は、Layout Builderからの移行を
        ご覧ください。
      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:14+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/layout-builder'
      articleSection: 'Drupal-functies koppelen'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/integrations/layout-builder'
      description: |-
        コンテンツタイプの枠組みはLayout Builderにまかせ、中のコンテンツは
        DXPR Builderで編集者に作らせましょう。最後には、メインエリアの周りに
        固定フィールドが並び、編集者は中央を自由に作ります。Layout Builderから
        離れる場合は、Layout Builderからの移行を
        ご覧ください。
      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) # Layout Builderの中でDXPR Builderを使う.

 Learn DXPR BuilderManage the siteDrupal-functies koppelen

   ## In this guide

 Related guides

- [Content types](/hc/documentation/learn-dxpr-builder/integrations/content-types)

コンテンツタイプの枠組みはLayout Builderにまかせ、中のコンテンツは DXPR Builderで編集者に作らせましょう。最後には、メインエリアの周りに 固定フィールドが並び、編集者は中央を自由に作ります。Layout Builderから 離れる場合は、[Layout Builderからの移行](/ja/hc/documentation/learn-dxpr-builder/migration/from-layout-builder)を ご覧ください。

## はじめる前に

- モジュール**Layout Builder**が有効です。
- コンテンツタイプのテキストフィールドがすでに **DXPR Builder**フォーマットを使っています。 [既存コンテンツタイプへの導入](/hc/documentation/learn-dxpr-builder/getting-started/installing-on-existing-content-types)をご覧ください。Layout Builderをオンにしても、そのフォーマットは 保たれます。

## 設定手順

1. まず**Structure** > **Content types**(`/admin/structure/types`)を開き、コンテンツタイプの **Manage display**をクリックします。
2. 対象は**Layout options**下の**Use Layout Builder**に チェックを入れて**Save**をクリックします。
3. クリックするのは**Manage layout**です。
4. ホバーするのは**Body**ブロックで、鉛筆メニューを開き、 **Configure**を選びます。
5. 確認するのは**Formatter**が**DXPR Builder**であることです。 **Update**をクリックします。
6. 周りに他のブロックを並べて**Save layout**を クリックします。

## 表示結果

そのタイプのコンテンツアイテムを開きます。Layout Builderがセクションを 表示し、中央のフィールドにホバーするとDXPR Builderツールバーが出ます。 編集者は他のページと同じようにそのフィールドを作ります。

1つのセクションに自由な領域を追加することもできます。 **DXPR Builder Block Type**サブモジュールが有効なら、 **Manage layout**で**Add block** > **Create content block**を選びます。ブロックタイプの一覧が 出たら**Drag and Drop Block**を選びます。編集者はその中の コンテンツをページ上でDXPR Builderで作ります。

|  | DXPR Builder | Layout Builder |
|---|---|---|
| 使う人 | ページ上で使う編集者とマーケター | 別のレイアウトページで使うサイトビルダー |
| 並べる対象 | 1つのテキストフィールドの中のコンテンツ | ディスプレイのフィールドとブロックをセクションに |
| 構成要素 | 22のコンテンツエレメントと6のレイアウトエレメント、Drupalブロックとビュー | Drupalブロックとフィールド |
| ライセンス | 無料枠とプロダクトキー付き有料枠 | Drupalコアの一部 |

## エディターが表示されない場合

- **フィールドがツールバーなしのプレーンテキストで出ます。** レイアウトの**Body**ブロックが別の フォーマッターを使っています。**Manage layout**でブロックの **Configure**を選び、**Formatter**を **DXPR Builder**にします。
- **1つのコンテンツアイテムだけ旧形式のままです。**切り替え前に保存された独自レイアウトを持っています。 **Layout**タブを開いて**Revert to defaults**をクリックします。
- **ある編集者にツールバーが出ません。** 編集者に **Edit with DXPR Builder**権限がありません。 **People** > **Permissions** (`/admin/people/permissions`)で 付与します。

## 次はこちら

[DXPR Builderを有効にするコンテンツタイプ](/hc/documentation/learn-dxpr-builder/integrations/content-types)でDXPR Builderの探索を続けましょう。