■ はじめに
自分のWebサイトがWindows 10等でスタートメニューにピン留めされたとき、Webページタイルに独自のアイコンを表示する方法。
■ 用意するもの
- browserconfig.xml
- 70 x 70の画像
- 150 x 150の画像
- 310 x 310の画像
- 横310 x 縦150の画像
browserconfig.xmlの例
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="/tileImg-70x70.png"/>
<square150x150logo src="/tileImg-150x150.png"/>
<square310x310logo src="/tileImg-310x310.png"/>
<wide310x150logo src="/tileImg-310x150.png"/>
<TileColor>#ff0000</TileColor>
</tile>
</msapplication>
</browserconfig>
■ wwwrootにアップロード
xmlと画像ファイルをサイトのwwwroot直下にアップロードする。
これで作業は完了。
■ スタートにピン留めしてみる
Microsoft Edgeでサイトを開き、メニューから「このページをスタートにピン留めする」を選択する。
「このタイルをスタートにピン留めしますか？」で「はい」を選択する。
カスタマイズしたタイルがピン留めされた。
横長タイル
大タイル
