デモページでDXPR Builderを試す.

DXPR Builderを学ぶここから始めるインストールと更新

自分のページを作る前に、完成済みのページでDXPR Builderを試します。ホスト型デモ、DXPR CMS付属のデモページ、テストサイト向けのQAデモレシピの3つがあります。単独の「simple demo」パッケージはなく、このページで3つすべて説明します。

やりたいこと 使うもの 必要なもの
何もインストールせずにエディターを試す ホスト型デモ ブラウザー
サンプルページ付きの本物のサイトを始める DXPR CMSデモページ 新しいDXPR CMSサイト
開発サイトで全エレメントを確認する QAデモレシピ DXPR CMSの開発サイト

ホスト型デモ

try.dxpr.comはモジュールREADMEからリンクされるライブデモです。自分の側にインストールは不要です。デモは利用中アクティブで、6時間操作なしで削除されるため、作業の保管には使いません。

DXPR CMSデモページ

DXPR CMSはインストール中に3つのLanding Pageアイテム（Home、Page、Contact Us）をインポートします。/homeをフロントページにし、コンテンツ管理者、サイトビルダー、コンテンツ編集者ロールにEdit with DXPR Builderを付与します。DXPR CMSで新しいサイトを始めるの手順をご覧ください。単独のデモ手順はありません。

DXPR CMSデモサイトのホームページ

QAデモレシピの適用

モジュールにはrecipes/dxpr_builder_qa_demoのDrupalレシピ（DXPR Builder QA Demo Content）が含まれます。dxpr_builder_blockをインストールし、フロントページを/tourにして75のLanding Pageアイテムをインポートします。それらが使うブロック、メディア、ファイル、メニューリンクも付いてきます。各ページは1つの機能を示します。エレメント、セクション背景、Drupalブロックとビュー、テンプレート、翻訳です。

デモページには、DXPR CMSと同様のLanding Pageコンテンツタイプとfield_contentフィールド、Imageメディアタイプが必要です。レシピは開発サイトに適用し、本番には適用しません。フロントページが置き換わります。

  1. プロジェクトルートからレシピを適用します。モジュールの場所が違う場合はパスを調整します。

    drush recipe:apply web/modules/contrib/dxpr_builder/recipes/dxpr_builder_qa_demo

  2. キャッシュを再構築します。

    drush cache:rebuild

  3. サイトのフロントページを開きます。

表示内容

フロントページにはTourページが表示され、「Meet DXPR Builder」で始まります。Edit with DXPR Builderを持つアカウントでログインし、デモページにカーソルを合わせてコントロールバーを表示します。エレメントのMoreを開いてSettingsを選ぶと、設定内容がわかります。デモページは通常のコンテンツです。Contentで編集、非公開、削除ができます。

デモページが表示されない場合

  • レシピがインポート前にエラーで止まる。 サイトにデモページが使うLanding PageコンテンツタイプやImageメディアタイプがありません。DXPR CMSサイトにレシピを適用します。
  • Drushが「recipe:apply」コマンド未定義と出す。 レシピにはDrupal 10.3以降が必要です。Drupalコアを更新してからレシピを再適用します。
  • フロントページが古いホームページのままになっている。 ページキャッシュが残っています。drush cache:rebuildを実行して再読み込みします。
  • デモページにコントロールバーが出ない。 ロールにEdit with DXPR Builderがありません。People > Permissions（/admin/people/permissions）で付与します。

次のステップ