Pinned sites in IE

When visiting a website with Internet Explorer 9/10, a user can pin a site to the task bar or start screen just as they would an application.

Install time values

You can set the following details in the head of your document.

Meta name Content New Windows interface compatible
application-name The name of your website Yes
msapplication-tooltip Tooltip text that appears when the user hovers their mouse over the pinned shortcut Yes
msapplication-starturl Sets the page that will be loaded when the user clicks the shortcut. This can either be relative to the current page, or an absolute URL No
msapplication-window The size to set the browser when launched. If the user re-sizes the window, this value is overridden No
Once a user has pinned a site these details are not changed, even if they are changed in the head of your page.

Example:

<meta name="application-name" content="My site name" />
<meta name="msapplication-tooltip" content="My site description" />
<meta name="msapplication-starturl" content="http://mywebsite.com/" />
<meta name="msapplication-window" content="width=1024;height=768" />

Run time values

The following values are read every time the page loads, so can be changed as often as needed.

Meta name Content New Windows interface compatible
msapplication-navbutton-color Set the colour of the next/previous buttons No

Example:

<meta name="msapplication-navbutton-color" content="#FF0000" />

WordPress

To add these items to a WordPress site, add the HTML to the header.php theme file.

Further Reading

Categories

Tags

Social