--- url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/getting-started/installing-on-existing-content-types' title: 'コンテンツタイプでのDXPR Builder利用 | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:18:21+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- すでにあるコンテンツタイプを、目で見て作るページに変えます。Bodyのような長いテキストフィールドの表示を、DXPR Builderフォーマッターに切り替えます。以降、そのタイプの全アイテムが編集者にビルダーを表示します。このページは既存サイト向けです。新しいDXPR CMSサイトではコンテンツタイプが設定済みです。 動画ではコンテンツタイプのBodyフィールドをDXPR Builderに切り替えています。 tags: - 'Install and update' 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: 'コンテンツタイプでのDXPR Builder利用' description: |- すでにあるコンテンツタイプを、目で見て作るページに変えます。Bodyのような長いテキストフィールドの表示を、DXPR Builderフォーマッターに切り替えます。以降、そのタイプの全アイテムが編集者にビルダーを表示します。このページは既存サイト向けです。新しいDXPR CMSサイトではコンテンツタイプが設定済みです。 動画ではコンテンツタイプのBodyフィールドをDXPR Builderに切り替えています。 image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:18:21+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/ja/hc/documentation/learn-dxpr-builder/getting-started/installing-on-existing-content-types' articleSection: インストールと更新 - '@type': WebPage '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/getting-started/installing-on-existing-content-types' description: |- すでにあるコンテンツタイプを、目で見て作るページに変えます。Bodyのような長いテキストフィールドの表示を、DXPR Builderフォーマッターに切り替えます。以降、そのタイプの全アイテムが編集者にビルダーを表示します。このページは既存サイト向けです。新しいDXPR CMSサイトではコンテンツタイプが設定済みです。 動画ではコンテンツタイプのBodyフィールドをDXPR 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 --- [ヘルプセンター](/ja/node/75)/[ドキュメント](/ja/hc/documentation) /[DXPR Builderを学ぶ](/ja/hc/documentation/learn-dxpr-builder) /[ここから始める](/ja/hc/documentation/learn-dxpr-builder/start-here) /[インストールと更新](/ja/hc/documentation/learn-dxpr-builder/start-here/install) # コンテンツタイプでのDXPR Builder利用. DXPR Builderを学ぶここから始めるインストールと更新 ## このガイドの内容 関連ガイド - [最初のページを作る](/ja/hc/documentation/learn-dxpr-builder/getting-started/first-page) - [各ロールがビルダーで見る内容を選ぶ](/ja/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin) すでにあるコンテンツタイプを、目で見て作るページに変えます。**Body**のような長いテキストフィールドの表示を、**DXPR Builder**フォーマッターに切り替えます。以降、そのタイプの全アイテムが編集者にビルダーを表示します。このページは既存サイト向けです。新しい[DXPR CMS](/ja/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms)サイトではコンテンツタイプが設定済みです。 動画ではコンテンツタイプのBodyフィールドをDXPR Builderに切り替えています。 ## 始める前に - DXPR Builderはプロダクトキー付きでインストール済みです（[DXPR Builderのインストール](/ja/hc/documentation/learn-dxpr-builder/getting-started/installation)）。 - コンテンツタイプを管理できます（例：管理者として）。 ## コンテンツタイプでのDXPR Builder利用 以下の手順では、コンテンツタイプがすで持つ長いテキストフィールド（例：既定の**Body**フィールド）を使います。ない場合は、先に[DXPR Builderフィールドの追加](#add-a-dxpr-builder-field)を行います。 1. 開くのは**Structure** > **Content types**です。 2. コンテンツタイプ横のメニューを開き、**Manage display**をクリックします。 3. 表示モードの一覧が開いたら、**Manage**（**Default**の分）をクリックします。 4. テキストフィールドの**Format**をDefaultから**DXPR Builder**に変えます。 5. 次に**Save**をクリックします。 6. そのタイプのコンテンツを作成し、**Title**を入力します。 7. 再び**Save**をクリックします。 8. コンテンツエリアにカーソルを合わせます。DXPR Builderツールバーが表示されます。 ## DXPR Builderフィールドの追加 コンテンツタイプにまだ長いテキストフィールドがない場合にフィールドを追加します。 1. 開くのは**Structure** > **Content types**で、コンテンツタイプの**Manage fields**をクリックします。 2. 次に**Create a new field**をクリックします。 3. 選ぶのは**Formatted text**で、次に**Long text**を選びます。古いDrupalでは**Text (formatted, long)**と表示されます。 4. 入力するのは**Label**で、例は「Event details」です。**Continue**をクリックします。 5. クリックするのは**Save**です。 次に上記手順2から5で、その**Format**を**DXPR Builder**にします。 ## 編集フォームでのフィールド非表示 DXPR Builder付属のコンテンツタイプは、ビルダーフィールドを編集フォームで隠します。編集者はビルダーでのみ変更します。自分のタイプでも同様にするには： 1. コンテンツタイプの**Manage form display**を開きます。 2. ビルダーフィールドを**Disabled**セクションにドラッグします。 3. クリックするのは**Save**です。 ## 表示内容 そのタイプのコンテンツは、フィールドがあった場所にビルダーを表示して開きます。新しいアイテムには**Add Elements**付きの空ビルダーが出ます。**Edit with DXPR Builder**権限のない編集者と訪問者には、コントロールなしの描画済みページが見えます。 コンテンツタイプは複数のビルダーフィールドを持てます。各フィールドがページに独自のビルダーを持ち、編集可能領域ごとに1つです。 フォーマッターは、任意のエンティティタイプの**Short text**、**Long text**、**Long text with summary**フィールドに作用します。カスタムブロックタイプも含みます。`dxpr_builder_block`は既製の**Drag and Drop Block**タイプを追加します。 ## 設定 | 設定 | 内容 | 初期値 | |---|---|---| | **Editing Profile**（フォーマッター横の歯車アイコン） | このフィールドのエレメント、ブロック、ビュー、エディターボタンを決めるユーザープロファイルの選択 | **Default (Role-based Profile)**：各編集者はロールのプロファイルになります | ## ビルダーが表示されない場合 - **Format一覧にDXPR Builder選択肢がない。** フィールドが書式付きテキストフィールドではありません。上記の手順で**Long text**フィールドを追加し、そちらを使います。 - **Manage displayにManage layoutボタンはあるがFormat列がない。** 表示がLayout Builderです。**Manage layout**をクリックし、フィールドのブロックを設定して**Formatter**を**DXPR Builder**にします。 - **コンテンツがフィールドをプレーンテキストで表示する。** 他の表示モードに書式を設定しています。**Default**か、ページが使う表示モードに設定します。 - **編集者にコントロールが出ない。** 編集者のロールに**Edit with DXPR Builder**権限がありません。**People** > **Permissions**（`/admin/people/permissions`）で付与します。 ## 次のステップ - [最初のページを作る](/ja/hc/documentation/learn-dxpr-builder/getting-started/first-page)：新しいコンテンツにセクション、ロー、エレメントを追加します。 - [ユーザープロファイル](/ja/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin)：各ロールがビルダーで見る内容を決めます。 - [編集ツール](/hc/documentation/learn-dxpr-builder/editing)：ビルダーのすべてのコントロールを確認できます。