【SharePoint】タイル表示されるリストを、サイトデザインで作成する

f:id:tecchan365:20190629112408p:plain

タイル表示されるリストを作成するサイトデザインの追加方法と、そのサイトデザインの使い方をご紹介します。

サイトスクリプト・サイトデザインの追加

以下のps1ファイルを作成し、実行します。
※「$tenant」と「$username」は、各環境に応じて変更してください。

github.com

実行すると、テナントにサイトスクリプト・サイトデザインが追加され、追加されたサイトデザインの情報がコマンド画面に表示されます。

f:id:tecchan365:20190629113124p:plain

サイトデザインを実行

タイル表示されるリストを作成したいサイトを開き、[ギアマーク] > [サイトデザイン] の順にクリックします。

f:id:tecchan365:20190629113542p:plain

サイトデザインの中から「CreateTileLink」を選択し、[サイトに適用] ボタンをクリックします。

f:id:tecchan365:20190629113728p:plain

サイトデザインの実行が完了すると、ナビゲーションに「Link」が追加されます。

f:id:tecchan365:20190629114002p:plain

「Link」をクリックすると、列とビューの書式設定が設定済みのリストが作成されています。
f:id:tecchan365:20190629114447p:plain

アイテムを登録

実際にリストにアイテムを登録してみます。
[新規] ボタンをクリックし、データを入力し、[保存] ボタンをクリックします。

f:id:tecchan365:20190629120016p:plain

すると、すでにビューの書式設定済みなので、リストアイテムがタイル風に表示されました。

f:id:tecchan365:20190629120223p:plain

以上、タイル表示されるリストを、サイトデザインで作成する方法でした。
サイトデザインを設定しておけば、JSONの知識やSharePoint関連にあまり詳しくないユーザーでも、誰でも簡単にタイルリンクを作成することができて良いですね ( •ω•)b

補足:アイコンについて

「Icon」列に何を登録すればよいか分からない場合は、下記サイトを参照してください。

developer.microsoft.com

例えば、Accessロゴをタイルに表示させたい場合は、「Icon」列に「AccessLogo」と入力します。

f:id:tecchan365:20190629120838p:plain