Arm1.ru

Плитка сайта на стартовом экране Windows 8

Windows 8 Pinned Site

В Windows 8 в плиточном интерфейсе есть возможность закрепить ярлык на стартовый экран в виде плитки.

Чтобы добавить на стартовый экран плитку-ссылку на сайт нужно открыть Internet Explorer и нажать на кнопку Pin Site и выбрать Pin to Start.

Плитка сайта на стартовом экране Windows 8

Для Windows 8 нужно прописать внутри :

<!--заголовок, который будет показываться в плитке.-->
<meta name="application-name" content="Arm1 - блог Makoni">
<!--адрес картинки, которая будет в плитке. Размер должен быть 144x144 px.-->
<meta name="msapplication-TileImage" content="https://arm1.ru/img/windows-8-tiles/windows8.png">
<!--цвет фона в плитке-->
<meta name="msapplication-TileColor" content="#f1f4fa">

В результате на стартовом экране, если есть код, описанный выше, будет квадратная плитка с иконкой сайта размером 144x144 px:

Windows 8 Pinned site

В Windows 8.1 эту штуку немного расширили.

Во-первых там можно менять размер плитки: маленький, средний, широкий, большой. Соответственно нужно подготовить 4 разных картинки размерами 70x70, 150x150, 310x150 и 310x310 соответственно.

Microsoft даже сделали отдельный сайт, который помогает нарезать нужные картинки и генерирует html-код для плитки: buildmypinnedsite.com.

Кроме того можно добавить адрес RSS-ленты, заголовки из которой будут крутиться в плитке, и задать время обновления ленты.

Код выглядит примерно так:

<meta name="application-name" content="Arm1.ru - Блог Makoni"/>
<meta name="msapplication-TileColor" content="#f1f4fa"/>
<meta name="msapplication-square70x70logo" content="http://arm1.ru/img/windows-8-tiles/tiny.png"/>
<meta name="msapplication-square150x150logo" content="http://arm1.ru/img/windows-8-tiles/square.png"/>
<meta name="msapplication-wide310x150logo" content="http://arm1.ru/img/windows-8-tiles/wide.png"/>
<meta name="msapplication-square310x310logo" content="http://arm1.ru/img/windows-8-tiles/large.png"/>
<meta name="msapplication-notification" content="frequency=30;polling-uri=http://notifications.buildmypinnedsite.com/?feed=http://feeds.feedburner.com/Arm1ru&id=1;polling-uri2=http://notifications.buildmypinnedsite.com/?feed=http://feeds.feedburner.com/Arm1ru&id=2;polling-uri3=http://notifications.buildmypinnedsite.com/?feed=http://feeds.feedburner.com/Arm1ru&id=3;polling-uri4=http://notifications.buildmypinnedsite.com/?feed=http://feeds.feedburner.com/Arm1ru&id=4;polling-uri5=http://notifications.buildmypinnedsite.com/?feed=http://feeds.feedburner.com/Arm1ru&id=5; cycle=1"/>

Параметр frequency=30 означает, что запрос к RSS-ленте будет раз в 30 минут. Результат выглядит так:

С включенными заголовками RSS-ленты так:

Уныленько, конечно. Ни картинку, ни фон для плитки не поставить. Но хоть что-то. Может чего ещё добавят, эти фичи - результат развития IE11, который ещё не вышел, может что-нибудь и добавят позже.

keyboard_return back