がりらぼ

WindowsRuntimeの応援ブログ

Windows8のスタート画面に自分のサイトをピン留めする

一人Windowsストアゲームアドベントカレンダー、開始初日から忘れてました。

1日遅れで開始したいと思います。(続くかはわかりませんが)

今回は、Windows8のスタート画面に自サイトをピン止めしたときに、いい感じに表示できるようにしてみます。

とりあえず、ゲーム全然関係ないですが、ゲームサイトを作ったとき...ということを想定して。

まず、通常のサイトをIEでピン止めしてみます。

無題

ふつうこんな感じになって、アイコンとかまともじゃないですよね。

MSNなどはスタート画面にピンどめしたとき、タイルの大きさを自由に変更でき、ライブタイル機能もついています。

ではそれを自サイトでやるにはどうすればいいかというと、metaタグを編集すればOKです。

[html]

<pre><meta name="application-name" content="garicchi.com"/>

<meta name="msapplication-TileColor" content="#34495e"/>

<meta name="msapplication-TileImage" content="/image/tile144.png"/>

<meta name="msapplication-square70x70logo" content="/image/tile128.png"/>

<meta name="msapplication-square150x150logo" content="/image/tile270.png"/>

<meta name="msapplication-wide310x150logo" content="/image/tile558×270.png"/>

<meta name="msapplication-square310x310logo" content="/image/tile558.png"/></pre>

[/html]

このように、name=application-nameでサイトのタイトルを、msapplication-TileColorで色を、msapplication-TileImageは144×144pxの画像を指定すればよいらしいです。

あとはそれぞれのタイルサイズに合わせた画像をしてしてやると、

無題

いい感じになりました。