モジュールで動作

メモ

Dynamics 365 Commerce の Retail Interest Group は、Yammer から Viva Engage に移行しました。新しい Viva Engage コミュニティにアクセスできない場合は、このフォーム (https://aka.ms/JoinD365commerceVivaEngageCommunity) に入力して追加し、最新のディスカッションに参加してください。

この記事では、Microsoft Dynamics 365 Commerce サイトビルダーでモジュールを使用する時期と方法について説明します。

モジュールは、ページ構造を構成する論理レポートパーツであり、さまざまな目的と範囲があります。一部のモジュールは上位レベルのコンテナーであり、その唯一の目的は、他のモジュール (子モジュール) を保持して整理することです。単純な画像配置モジュールなどの他のモジュールには、特定の目的があります。カルーセルモジュールなど、その他のモジュールは、これら 2 つのカテゴリの間に含まれます。

既定では、Dynamics 365 Commerce サイトには、最も基本的な e コマースシナリオを実現できるモジュールライブラリが含まれています。これらのモジュールを使用するだけで、エンドツーエンドの e コマースサイトを構築できる必要があります。ただし、特定のニーズに合わせて、これらのモジュールをカスタマイズしたり、新しいカスタムモジュールを作成したりすることが必要な場合もあります。カスタムモジュールを作成する場合は、モジュールデザインソフトウェア開発キット (SDK) を使用して、カスタムモジュールライブラリを作成できます。

コンテナーモジュールとスロット

既に説明したように、一部のモジュールは、子モジュールを保持するように設計されています。これらのモジュールはコンテナーと呼ばれ、入れ子になったモジュールの階層を許可します。コンテナーモジュールはスロットを含みます。スロットは、コンテナー内の子モジュールのレイアウトと目的を処理するために使用されます。たとえば、いくつかの重要なスロットを定義する基本的なページコンテナーモジュール (すべてのページでトップレベルのモジュール) があります。

ヘッダースロット
小見出しスロット
メインスロット
フッタースロット
サブフッター用スロット

モジュール開発者はこれらのスロットを定義し、どの子モジュールとその内部に直接移動できる子モジュールの数を決定します。たとえば、ヘッダースロットはヘッダーモジュールタイプのモジュールを 1 つだけサポートするのに対して、本文スロットはすべてのタイプのモジュールを無制限にサポートすることができます (他のページのコンテナーモジュールを除く)。

オーサリングツールでは、ページ作成者は、各スロットで実行できるモジュールと実行できないモジュールを事前に知る必要はありません。ページの作成者がスロットを選択し、そのスロットに追加するモジュールを選択しようとすると、そのスロットでサポートされているモジュールのタイプがフィルター処理されて表示されます。

コンテンツモジュール

コンテンツモジュールには、テキスト (ヘッドライン、段落、リンクなど) または資産参照 (画像、ビデオ、PDF など) といったコンテンツやメディア要素が含まれます。一般的なコンテンツモジュールタイプには、コンテンツブロック、テキストブロック、およびプロモーションのバナーモジュールがあります。これら 3 つのタイプのモジュールには、テキストまたはメディアを含めることができます。また、ページ上に表示されないようにするために、子モジュールを使用する必要はありません。

ほとんどの日常的なページおよびコンテンツ作成アクティビティにはコンテンツモジュールが含まれます。主に、これらのモジュールは親コンテナーモジュールに表示される実際のコンテンツを定義するためです。多くのコンテンツモジュールを使用できます。通常、これらのモジュールは、入れ子になったモジュールのページの階層に最後に追加します。

入れ子になったモジュールのスクリーンショット。

モジュールの追加または削除

次の手順では、モジュールを追加および削除する方法について説明します。

モジュールの追加

ページ上のスロットまたはコンテナーにモジュールを追加するには、次の手順に従います。

左側またはメインキャンバス内の直接のアウトラインウィンドウで、子モジュールを追加できるコンテナーまたはスロットを選択します。

メモ

モジュールデザイナーは、特定のモジュールスロットに追加できるモジュールの種類の一覧を定義します。テンプレート作成者は、許可されているモジュールオプションを調整して、特定のテンプレートから構築されたすべてのページに対して一貫した検索エンジンの最適化 (SEO) と作成効率を保証できます。モジュールをスロットに追加すると、[ モジュールの追加 ] ダイアログボックスで一覧が自動的にフィルター処理され、選択したコンテナーまたはスロットでサポートされているモジュールのみが表示されます。ページのテンプレートまたはコンテナーのモジュール定義によって、許可されるモジュールのこの一覧が決まります。
アウトラインウィンドウを使用している場合は、モジュール名の横にある省略記号 (...) を選択し、[ モジュールの追加] を選択します。キャンバス内でコントロールを直接使用している場合は、空のスロットまたは現在選択されているモジュールの横にあるプラス記号 (+) を選択し、[ モジュールの追加] を選択します。

メモ

コンテナーまたはスロットが新しい子モジュールをサポートしていない場合、モジュールの追加オプションは使用できません。
モジュールの追加 ダイアログボックスで、ページに追加するモジュールを選択します。

ヒント

コンテンツブロックは、初心者向けの優れたモジュールタイプです。
OK をクリックすると、選択したモジュールがページ内で選択したコンテナーまたはスロットに追加されます。

モジュールの削除

ページ上のスロットまたはコンテナーからモジュールを削除するには、次の手順に従います。

左側のアウトラインウィンドウで、削除するモジュールの名前の横にある省略記号 (...) を選択し、ごみ箱のシンボルを選択します。または、メインキャンバスで、選択したモジュールのツールバーでごみ箱のシンボルを選択することもできます。
モジュールを削除するかどうかを確認するメッセージが表示されたら、OK を選択します。

モジュールを新しい位置に移動する

ページ内の新しい位置にモジュールを移動するには、次のいずれかの方法を使用します。

アウトラインウィンドウを使用したモジュールの移動

アウトラインウィンドウを使用してモジュールを移動するには、次の手順に従います。

アウトラインウィンドウで移動するモジュールを選択したままにし、アウトラインの新しい位置にモジュールをドラッグします。アウトラインとキャンバスの青い線は、モジュールを配置できる場所を示します。
モジュールを放して、新しい位置にドロップします。

キャンバス内でのモジュールの直接移動

キャンバス内でモジュールを直接移動するには、次の手順に従います。

キャンバスで移動するモジュールを選択します。
モジュールのツールバーで上向きまたは下向きの矢印記号を選択し、ページの新しい位置まで矢印をドラッグします。キャンバスの青い線とアウトラインは、モジュールを配置できる場所を示します。モジュールを上下に移動できない場合、その矢印記号は淡色表示されます。
モジュールを放して、新しい位置にドロップします。

省略記号メニューを使用してモジュールを移動するには、次の手順に従います。

アウトラインまたはキャンバスのいずれかでモジュールを選択します。
アウトラインペイン、またはキャンバスのモジュールのツールバーで、モジュールの名前の横にある省略記号 (...) を選択します。
モジュールをコンテナーまたはスロット内で上下に移動できる場合は、[ 上へ移動 ] または [ 下へ移動] のオプションが表示されます。兄弟を基準としてモジュールを上下に移動するには、目的の移動オプションを選択します。

モジュールのコンフィギュレーション

次の手順では、コンテンツおよびコンテナーモジュールをコンフィギュレーションする方法について説明します。

コンテンツモジュールのコンフィギュレーション

ページでコンテンツモジュールを構成するには、次の手順に従います。

左側のアウトラインウィンドウで、ツリーを展開し、任意のコンテンツモジュール (コンテンツブロックなど) を選択します。または、メインキャンバスでモジュールを選択します。
右側のモジュールのプロパティウィンドウで、必要なモジュールコントロールのプロパティを入力します。
コマンドバーで、保存を選択します。このアクションにより、プレビューキャンバスも更新されます。

モジュールテキストプロパティの編集

キャンバスで直接読み取り専用ではないモジュールテキストプロパティを編集します。

モジュールのテキストプロパティを編集するには、次の手順に従います。

キャンバスでテキストコントロールを選択し、テキストを編集する場所にカーソルを置きます。
テキストの内容を入力します。
他のコンテンツの編集を続けるには、テキストコンテンツの外側の任意の場所を選択します。

インライン画像の選択

キャンバスから直接読み取り専用ではないモジュールイメージを変更できます。

コンテンツモジュールの新しいイメージを選択するには、次の手順に従います。

キャンバスで、画像をダブルクリックします。この操作により、メディアピッカーウィンドウが開きます。
使用する新しいイメージを見つけて選択し、[ OK] を選択します。新しいイメージがキャンバスに表示されます。

コンテナーモジュールのコンフィギュレーション

ページでコンテナーモジュールを構成するには、次の手順に従います。

ページ上のコンテナーモジュールを選択します (カルーセルや流動的なコンテナーモジュールなど)。
右側のプロパティウィンドウで、ヘッダーを選択して入れ子になったコントロールを展開し、必要なコントロール値を設定します。
左側のアウトラインウィンドウで、コンテナーまたはコンテナー内のスロットいずれかの名前の横にある省略記号ボタンを選択し、モジュールの追加を選択します。次に、選択したコンテナーに子モジュールを追加します。詳細については、この記事で前述したモジュールの使用セクションを参照してください。
複数の子モジュールが親コンテナーで兄弟として存在する場合は、親コンテナーでの表示順序を変更できます。モジュールの省略記号ボタンを選択し、上矢印ボタンと下矢印ボタンを使用します。