サイトに最新のページを追加するとき、ページの構成要素である Web パーツを追加し、カスタマイズします。 一部の Web パーツを相互に接続して、ページ ビューアーの対話型で動的なエクスペリエンスを作成できます。 たとえば、ドキュメント ライブラリ Web パーツをファイルおよびメディア Web パーツに接続できます。 ユーザーがドキュメント ライブラリの一覧でファイル名をクリックすると、ファイル ビューアーにその特定のファイルの内容が表示されます。 または、特定の情報のみを表示するために、List プロパティ Web パーツを多数の情報を含む List Web パーツに接続します。
注:
-
一部の機能は、対象指定リリース プログラム に参加している組織に段階的に導入されます。 つまり、この機能はまだ表示されない場合があります。または、このヘルプ記事で説明されている機能とは異なって見える場合があります。
-
この記事の Web パーツは、クラシック ページでは使用できません。
接続できる Web パーツには、List プロパティ Web パーツと File and Media Web パーツがあります。 これらの接続された Web パーツを使用する方法の例を次に示します。
ドキュメント ライブラリでユーザーが選択した内容に基づいてファイルを表示する (ファイルとメディア Web パーツをドキュメント ライブラリ Web パーツに接続する)
この例では、ユーザーはマーケティング ドキュメントのライブラリを参照し、ページを離れずに、各ファイルを開く必要なく、選択したファイル内のコンテンツを表示できます。
目的
-
ページで、使用するライブラリを含む ドキュメント ライブラリ Web パーツ を追加し、 ファイルとメディア Web パーツを追加します。
注: ファイルとメディアの Web パーツを初めて追加する場合は、[最近使ったドキュメント] ウィンドウが開きます。 このウィンドウの右下にある [ キャンセル] を選択します。
-
[ファイルとメディア] Web パーツの上
-
プロパティ ウィンドウの右上にある省略記号 (...) を選択し、[ ソースに接続] を選択します。
![[ソースへの接続] ボタンのスクリーンショット。](https://cxcs.microsoft.net/static/public/microsoft-365/ja-jp/83f05bdb-134a-431c-8163-350378177a93/dfe1709c8204f184ad6247653d56884fb4cfb6a2.png)
-
[ ソースに接続] で、使用するドキュメント ライブラリをドロップダウン リストから選択します。
![[ソースに接続] ドロップダウンを含む [ファイル ビューアー] プロパティ ウィンドウ](https://cxcs.microsoft.net/static/public/centralimages/ja-jp/4679b6a9-2d8f-4a58-b149-ef083a5d9981/c62ed1d9e6f4a9404f976f57253f93c41245251d.png)
-
ウィンドウの上部にある [X ] を選択して閉じます。
-
ページの上部にある [ 保存して閉じる ] を選択します。
-
選択したドキュメント ライブラリからドキュメントを選択して、接続をテストします。 ファイルおよびメディア Web パーツにドキュメントが表示されます。
-
対象ユーザーがページを表示する準備ができたら、ページの右上にある [担当者] を選択します。
リスト Web パーツでユーザーが選択した内容に基づいてリスト内のアイテムを表示する (List プロパティ Web パーツをリスト Web パーツに接続する)
多数の列を含む大きなリストがある場合、ユーザーが探している特定の情報を見つけるのが難しい場合があります。 List プロパティ Web パーツを使用すると、ユーザーはリスト Web パーツから項目を選択し、指定した値のみを表示できます。 次の例では、List Web パーツに地域オフィスの一覧が含まれています。 ユーザーがリストからアイテムを選択すると、リスト プロパティ Web パーツには Office 名と Sales データのみが表示されます。
目的
-
ページで、使用するリストを含む List Web パーツ を追加し、 List プロパティ Web パーツを追加します。
-
[ プロパティの一覧表示] Web パーツの上にある [プロパティの編集] アイコン
-
プロパティ ウィンドウの右上にある省略記号 (...) を選択し、[ ソースに接続] を選択します。
![[ソースに接続] ボタン](https://cxcs.microsoft.net/static/public/microsoft-365/ja-jp/48ba44d5-86e5-4115-81c8-742f9af4d5c0/dfe1709c8204f184ad6247653d56884fb4cfb6a2.png)
-
[ ソースに接続] で、使用するリストをドロップダウン リストから選択します。
-
[ 表示] で、ユーザーがページに表示する内容を選択します。
-
[表示するフィールド] で、値を表示する列の横にあるチェックボックスを選択します。
-
ページの上部にある [ 保存して閉じる ] を選択します。
-
選択したリストから項目を選択して、接続をテストします。 List プロパティ Web パーツに指定した値が表示されます。
-
対象ユーザーがページを表示する準備ができたら、ページの右上にある [ 再発行 ] を選択します。
別のリストまたはライブラリの選択に基づいてリストをフィルター処理する
動的フィルター処理を使用すると、別のリストで行われた選択に基づいて 1 つのリストをフィルター処理できます。 次の例では、マーケティング ドキュメント ライブラリは、[プロジェクト情報] リストの選択によってフィルター処理されます。 [プロジェクト チーム] 列の [マーケティング] 値が選択されているため、マーケティング チームが所有するドキュメントのみがマーケティング ドキュメント ライブラリに表示されます。
目的
-
ページで [ 編集 ] を選択し、 リスト Web パーツ または ドキュメント ライブラリ Web パーツを追加し、フィルター処理する値を含むリストまたはライブラリを選択します。
-
別の リスト Web パーツ または ドキュメント ライブラリ Web パーツ を追加し、フィルター処理する情報を含むリストまたはライブラリを選択します。
-
フィルター処理するリストまたはライブラリ Web パーツを選択し、Web パーツの上にある [ プロパティの編集 ]
-
[ 動的フィルター処理] で、トグルを [オン ] 位置にスライドします。
-
フィルターする列を [ リスト名] の [列] フィールドで選択します。
-
[ リスト] または [フィルター値を含むライブラリ] で、手順 1 でページに追加したリストまたはライブラリを選択します。
-
[ フィルター値のプロパティを含む列] で、フィルター処理する値を含む列を選択します。
-
[適用する] を選択します。
セクションの先頭にある例の画像を使用すると、Marketing ドキュメント ライブラリの動的フィルターオプションは次のようになります。
-
完了したら、ページの上部にある [保存して閉じる ] を選択するか、対象ユーザーがページを表示する準備ができたら、ページの右上にある [ 再発行 ] を選択します。
