DXPR Builder: Drupal向けAIビジュアルページビルダー

複雑なバックエンドフォームを、DrupalのEntity API上に構築されたフロントエンドエディタに置き換える、Drupalウェブサイト向けのビジュアルドラッグ＆ドロップページ構築体験を提供します。

dxpr_builder
1,204 sites
51
drupal.org
gui api field content theme
constructor de páginas arrastrar y soltar editor visual sin código constructor de diseño bootstrap responsivo IA creación de contenido WYSIWYG edición frontend

概要

DXPR Builderは、コーディング知識がなくてもコンテンツ作成者が美しくレスポンシブなページをデザインできる、直感的なビジュアルページ構築体験を提供します。DrupalのEntity API上に構築されており、リビジョン、翻訳、パーミッションをネイティブにサポートしています。

このモジュールは、アコーディオン、カルーセル、カウンター、マップ、動画など、30以上のドラッグ＆ドロップコンテンツ要素を備えています。アセット管理のためのDrupalのMedia Libraryと統合されており、DXAI Writing機能によるAIを活用したコンテンツ生成機能も含まれています。

DXPR BuilderはレスポンシブレイアウトのためにBootstrapグリッドシステムを使用しており、あらゆるDrupalテーマと互換性があります。管理者が異なるユーザーグループに対して利用可能な要素や機能を制御できる、ロールベースのエディタープロファイルをサポートしています。

Features

  • テキスト、画像、動画、アコーディオン、タブ、カルーセル、カウンター、マップなど30以上のコンテンツ要素によるビジュアルドラッグ＆ドロップページ構築
  • モバイル、タブレット、デスクトップでのレスポンシブレイアウトのためのBootstrapグリッドシステムサポート（Bootstrap 3、4、5）
  • DXAI Writing（ベータ版）- CKEditor 5でのスラッシュコマンドによるAI駆動コンテンツ生成、複数のAIプロバイダーをサポート（OpenAI、Anthropic、Google Gemini、MistralAI、XAI）
  • リビジョン、翻訳、パーミッションをサポートするEntity APIとの深いDrupal統合
  • 画像とメディアアセット管理のためのMedia LibraryおよびEntity Browser統合
  • ユーザーロールごとに利用可能な要素、ブロック、Views、テンプレート、テキストエディターボタンを制御するロールベースのBuilder Profiles
  • 事前構築レイアウトとカスタムテンプレート作成機能を備えたページテンプレートシステム
  • カスタムコンテンツブロックを保存して再利用するためのユーザーテンプレート
  • 同時編集の競合を防ぐコンテンツロック
  • ユーザーシート追跡とコンテンツアイテム制限を備えたライセンス管理
  • Keyモジュールとの安全なAPIキーストレージ統合
  • Layout Builder、Views、Webform、その他のDrupalコアモジュールとの互換性

Use Cases

マーケティングランディングページ

マーケティングチームは、ビジュアルドラッグ＆ドロップインターフェースを使用して、開発者の関与なしにプロフェッショナルなランディングページを作成できます。ヒーローセクション、フィーチャーグリッド、テスティモニアルカルーセル、CTA、お問い合わせフォームなどの要素を組み合わせて、コンバージョン重視のページを構築できます。Bootstrapグリッドがモバイルレスポンシブ性を確保します。

ブランド管理されたコンテンツ作成

管理者は、エディターを事前承認された要素、ブロック、テンプレートに制限する制限付きBuilder Profilesを作成できます。これにより、コンテンツチームが独立して作業しながらブランドの一貫性を確保できます。プロファイルは「コンテンツエディター」や「マーケティングチーム」などの特定のロールに割り当てることができます。

AIアシストコンテンツ起草

コンテンツ作成者は、テキストエディター内でAIスラッシュコマンド（例：「/write a blog post about Drupal 12」）を使用して長文コンテンツを生成できます。AIはトピックをリサーチし、引用付きのテキストを生成し、タクソノミーで定義されたカスタムのトーン・オブ・ボイス設定に適応できます。

マルチサイトライセンス管理

複数のDrupalサイトを持つ組織は、DXPR Builderライセンスを一元管理できます。ユーザーライセンスページには、すべてのサイトにわたるシート配分が表示され、管理者は必要に応じてアクセスを再配分し、ビルダーをアクティブに使用しているユーザーを追跡できます。

テンプレートベースのページ作成

コンテンツ作成者が出発点として選択できる事前構築レイアウト（ホームページ、会社概要ページ、お問い合わせページ）を持つページテンプレートを作成します。ユーザーテンプレートにより、個人は一貫したデザインパターンのために独自の再利用可能なコンテンツブロックを保存できます。

エンタープライズメディア管理

一元化されたアセット管理のためにDrupal Media LibraryまたはAcquia DAMと統合します。コンテンツ作成者は、DXPR Builderインターフェース内で直接、組織の承認済みアセットライブラリから画像やメディアを閲覧、選択、挿入できます。

Tips

  • Builder Profilesを使用して、異なるユーザーロール向けに簡略化された編集体験を作成してください - コンテンツエディターはテキストと画像要素のみが必要かもしれませんが、デザイナーはフルアクセスが必要です。
  • よく使用されるレイアウトのページテンプレートを作成して、コンテンツ作成を高速化し、デザインの一貫性を確保してください。
  • 本番サイトでは、データベース設定外にAPI認証情報を安全に保存するためにKeyモジュール統合を使用してください。
  • CSSの競合を避けるために、テーマのBootstrapバージョンに合わせてBootstrapバージョンを設定してください。
  • DXPR Theme以外の固定ヘッダーテーマを使用する場合は、スムーススクロールオフセットセレクタを設定してください。
  • 組織のニーズに合わせてAIライティングアシスタンスをカスタマイズするために、AIトーン・オブ・ボイスとコマンドのタクソノミー語彙を作成してください。
  • コンテンツアイテムページを使用して、どのコンテンツがDXPR Builderを使用し、ライセンス制限にカウントされているかを監視してください。

Technical Details

Admin Pages 9
DXPR Studio /admin/dxpr_studio

DXPR Builderおよび関連するDXPR製品の主要な管理ハブです。すべてのDXPR設定ページへのクイックアクセスを提供します。

DXPR Builder設定 /admin/dxpr_studio/dxpr_builder/settings

ライセンス、Bootstrapアセット、メディアブラウザー、テキストエディターのオーバーライド、実験的機能など、DXPR Builderの一般設定を構成します。

DXPR Builder AI設定 /admin/dxpr_studio/dxpr_builder/ai_settings

AIプロバイダー、モデル、トーン・オブ・ボイス語彙、コマンド語彙など、AIライティングアシスタント機能を設定します。

DXPR Builder Profile設定 /admin/dxpr_studio/dxpr_builder/profile

特定のユーザーロールに対して利用可能な要素、ブロック、Views、テンプレート、テキストエディターボタンを制御するBuilder Profilesを管理します。

DXPR Builder Profileを追加 /admin/dxpr_studio/dxpr_builder/profile/add

特定のユーザーロール向けに利用可能な要素、ブロック、Views、テンプレート、テキストエディターボタンをカスタマイズする新しいBuilder Profileを作成します。

DXPR Builderページテンプレート設定 /admin/dxpr_studio/dxpr_builder/page_template

コンテンツ作成者に事前構築されたページレイアウトを提供するページテンプレートを管理します。

DXPR Builderユーザーテンプレート設定 /admin/dxpr_studio/dxpr_builder/user_templates

カスタムコンテンツブロックを保存して再利用できるユーザーテンプレートを管理します。

ユーザーライセンス /admin/dxpr_studio/dxpr_builder/user_licenses

シート使用状況、ライセンス制限、マルチサイトライセンス配分など、DXPR Builderユーザーライセンスを表示・管理します。

コンテンツアイテム /admin/dxpr_studio/dxpr_builder/content

ライセンス制限にカウントされるDXPR Builderで作成されたコンテンツアイテムの一覧を表示します。

権限 3
DXPR Builder設定を管理

すべてのDXPR Builder設定へのアクセスと変更、プロファイルの管理、テンプレートの管理、ライセンス情報の表示を許可します。

DXPR Builderで編集

DXPR Builderのドラッグ＆ドロップインターフェースを使用して、レイアウトの構築、コンテンツのデザイン、動的コンポーネントの追加を許可します。

DXPR Builder Profileを管理

ロールごとに利用可能な要素を制御するDXPR Builder Profilesの作成、編集、削除を許可します。

Hooks 2
hook_dxpr_builder_classes

モジュールとテーマがDXPR BuilderのクラスセレクタードロップダウンにカスタムCSSユーティリティクラスを追加できるようにします。

hook_dxpr_builder_buttons_folders

モジュールとテーマがボタン要素用のカスタムボタンスタイルHTMLファイルを含むフォルダを追加できるようにします。

Troubleshooting 6
DXPR Builderエディターが読み込まれない

/admin/dxpr_studio/dxpr_builder/settingsでプロダクトキーが正しく入力されていることを確認してください。ユーザーが「Edit with DXPR Builder」パーミッションを持っていることを確認してください。コンテンツタイプの表示設定でフィールドが「DXPR Builder」フォーマッターを使用していることを確認してください。

ユーザーがライセンス制限を超過

ユーザーライセンスページでシート配分を確認してください。DXPR.comで追加のユーザーライセンスを購入するか、一部のユーザーアカウントから「Edit with DXPR Builder」パーミッションを削除してください。

コンテンツアイテム制限に達した

無料ティアにはコンテンツアイテム制限があります。制限を増やすにはDXPRサブスクリプションをアップグレードするか、新しいアイテムを作成する代わりに既存のコンテンツを編集してください。

Media LibraryがDXPR Builderに表示されない

Media Libraryモジュールを有効にし、/admin/dxpr_studio/dxpr_builder/settingsでメディアブラウザーとして設定してください。ユーザーが「view media」パーミッションを持っていることを確認してください。

Bootstrapスタイルがテーマと競合

テーマがすでにBootstrapを含んでいる場合、DXPR Builder設定で「Include Bootstrap files」を「No」に設定して、CSS/JSの重複読み込みを防いでください。

AI機能が動作しない

AI設定でAIが有効になっていることを確認してください。有効なプロダクトキーが設定されていることを確認してください。カスタムドロップダウンを使用する場合は、トーン・オブ・ボイスとコマンドの語彙が選択されていることを確認してください。

Security Notes 5
  • 「Administer DXPR Builder configuration」パーミッションは制限されており、ライセンス設定とすべての設定オプションへのアクセスを提供するため、信頼できる管理者にのみ付与すべきです。
  • 「Edit with DXPR Builder」パーミッションは制限されており、ライセンス使用量にカウントされます - 実際の編集ニーズに基づいて慎重に割り当ててください。
  • 本番環境では、環境変数または外部キープロバイダーを使用してAPI認証情報を安全に保存するためにKeyモジュールの使用を検討してください。
  • DXPR BuilderはJWTトークンを検証して、ライセンスの真正性を確保し、不正使用を防止します。
  • コンテンツロックは、競合する保存によるデータ損失を避けるために同時編集を防止します。