Tutorials

Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.

Zurück zur Übersicht

Windows 8 Tile(Kachel) für Webseite einrichten - So geht's

#Tutorials#HTML

win8

Mit Windows 8 hat Microsoft seinem IE 10 oder 11 etwas cooles eingebaut. Man kann Webseiten auf seine Metro Oberfläche anpinnen. Das Beste daran ist, dass man sogar ein Live-Tile aus dem Pin machen kann und somit eine coole kleine Mini-App hat, ohne großen Aufwand zu betreiben. Hier zeige ich euch, was ihr machen müsst, damit ihr auch eine coole Live-Tile bekommt.

Als erstes benötigt ihr 4 Bilder für eure Windows Tile:

1. 70x70px

2. 150x150px

3. 310x150px

4. 310x310px

Wenn ihr nun eine Live-Tile haben möchtet, empfehle ich auch die Seite http://www.buildmypinnedsite.com/de-DE. Dort könnt ihr auch den Source-Code schnell zusammenklicken. Wordpress bietet von sich aus schon einen Feed, den man dort einfügen kann (deinedomain.de/feed).

Möchte man das Ganze eher per Hand machen dann einfach folgendes in den Header einfügen:


<meta name="application-name" content="deinedomain.de"/>
<meta name="msapplication-TileColor" content="#4ab19a"/>
<meta name="msapplication-square70x70logo" content="tiny.png"/>
<meta name="msapplication-square150x150logo" content="square.png"/>
<meta name="msapplication-wide310x150logo" content="wide.png"/>
<meta name="msapplication-square310x310logo" content="large.png"/>
<meta name="msapplication-notification" content="frequency=30;polling-uri=http://notifications.buildmypinnedsite.com/?feed=http://deinedomain.de/feed&id=1;polling-uri2=http://notifications.buildmypinnedsite.com/?feed=http://deinedomain.de/feed&id=2;polling-uri3=http://notifications.buildmypinnedsite.com/?feed=http://deinedomain.de/feed&id=3;polling-uri4=http://notifications.buildmypinnedsite.com/?feed=http://deinedomain.de/feed&id=4;polling-uri5=http://notifications.buildmypinnedsite.com/?feed=http://deinedomain.de/feed&id=5; cycle=1"/>	

Habt ihr den Code eingebaut und die Pfade und URL angepasst, so kann man nun ganz einfach im IE die Seite an Start anheften und die Größe der Kachel auswählen.

Auf Start kann man auch die Live-Kachel aktivieren oder nochmal die Größe ändern.

Viel Spaß damit!


Kommentare

Es gibt noch keine Kommentare. Sei der Erste!

Hinterlasse einen Kommentar

Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Kommentar wird gespeichert
Danke für deinen Kommentar! Sobald er freigegeben wurde erscheint er hier.