{"id":450,"date":"2019-11-04T22:24:36","date_gmt":"2019-11-05T06:24:36","guid":{"rendered":"https:\/\/gmrgames.com\/blog\/?p=450"},"modified":"2022-08-08T19:20:42","modified_gmt":"2022-08-09T02:20:42","slug":"how-to-customize-your-windows-10-tiles","status":"publish","type":"post","link":"https:\/\/rose.dev\/blog\/2019\/11\/04\/how-to-customize-your-windows-10-tiles\/","title":{"rendered":"How to Customize your Windows 10 Tiles"},"content":{"rendered":"\n<p>Windows is better (and worse) in many ways than it ever has before. One such apparent lack of basic functionality is the ability to customize your start menu tiles. No, I&#8217;m not talking about that simple right click menu, I mean something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone size-medium wp-image-621\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"284\" sizes=\"auto, (max-width: 642px) 100vw, 642px\" src=\"https:\/\/gmr.dev\/blog\/wp-content\/uploads\/2019\/11\/firefox_2019-11-04_22-10-58-300x284.png\" alt=\"\" class=\"wp-image-621\" srcset=\"https:\/\/rose.dev\/blog\/wp-content\/uploads\/2019\/11\/firefox_2019-11-04_22-10-58-300x284.png 300w, https:\/\/rose.dev\/blog\/wp-content\/uploads\/2019\/11\/firefox_2019-11-04_22-10-58.png 642w\" \/><figcaption>Of course I have a Windows update pending&#8230;<\/figcaption><\/figure>\n\n\n\n<p>Which looks a lot better than something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2016\/09\/8ws_top.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>How, you may ask? Through something called the <a href=\"https:\/\/docs.microsoft.com\/en-us\/uwp\/schemas\/appxpackage\/appxmanifestschema\/element-visualelements\" target=\"_blank\" rel=\"noopener noreferrer\">VisualElementsManifest.xml. It&#8217;s a feature of Windows<\/a> that you can actually use an .XML file to instruct it how to display the tiles. There are only a few options, but the one we&#8217;re most interested in is the option to replace the icon with our own picture.<\/p>\n\n\n\n<p>You can thus add one next to each application&#8217;s .exe that you&#8217;d like to replace the icon for, and then update the shortcut&#8217;s modified date (quick way to do so is cutting + pasting it out and in of the windows start menu icons folder), and bam!<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone size-medium\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/03Sn6Gh.png\" alt=\"\"\/><figcaption>Name the .xml file the exact same as the .exe.<\/figcaption><\/figure>\n\n\n\n<p>Example Firefox visualelementsmanifest:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span class=\"token prolog\">&lt;?xml version=\"1.0\" encoding=\"utf-8\"?&gt;<\/span>\n<span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>Application <span class=\"token attr-name\"><span class=\"token namespace\">xmlns:<\/span>xsi<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>http:\/\/www.w3.org\/2001\/XMLSchema-instance<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">&gt;<\/span><\/span>\n  <span class=\"token tag\"><span class=\"token punctuation\">&lt;<\/span>VisualElements <span class=\"token attr-name\">BackgroundColor<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>#000000<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">ShowNameOnSquare150x150Logo<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>off<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">ForegroundText<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>dark<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">Wide150x300Logo<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>firefox-customtile.png<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">Wide150x310Logo<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>firefox-customtile.png<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">Square300x300Logo<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>firefox-customtile.png<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">Square310x310Logo<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>firefox-customtile.png<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">Wide300x150Logo<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>firefox-customtile.png<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">Wide310x150Logo<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>firefox-customtile.png<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">Square150x150Logo<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>firefox-customtile.png<span class=\"token punctuation\">\"<\/span><\/span> <span class=\"token attr-name\">Square70x70Logo<\/span><span class=\"token attr-value\"><span class=\"token punctuation\">=<\/span><span class=\"token punctuation\">\"<\/span>firefox-customtile.png<span class=\"token punctuation\">\"<\/span><\/span><span class=\"token punctuation\">\/&gt;<\/span><\/span>\n<span class=\"token tag\"><span class=\"token punctuation\">&lt;\/<\/span>Application<span class=\"token punctuation\">&gt;<\/span><\/span>\n<\/code><\/pre>\n\n\n\n<p>But how do you get stuff like Groove Music UWP apps working?<\/p>\n\n\n\n<p>Make another .exe that launches Groove, then put the VisualElementsManifest.xml next to that.<\/p>\n\n\n\n<p>Sound complicated?<\/p>\n\n\n\n<p>Good thing I&#8217;ve already done all of these steps for you.<\/p>\n\n\n\n<p>All you have to do is download these two things (three if you want to launch steam games from the start menu):<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Tiny <a href=\"https:\/\/github.com\/gen3vra\/applauncher\" target=\"_blank\" rel=\"noopener noreferrer\">AppLauncher (open source; it doesn&#8217;t need to be &#8211; it&#8217;s like 3 lines)<\/a><\/li><li><a href=\"https:\/\/github.com\/gen3vra\/customnativetile\">CustomNativeTile (will generate the .xml files for you, allow you to pick shortcuts from a UI, and auto-updates the start menu tiles after picking the picture)<\/a><\/li><\/ol>\n\n\n\n<p>And if you want to launch steam games from the start menu:<\/p>\n\n\n\n<p>3. <a href=\"https:\/\/github.com\/gen3vra\/steamlauncher\" target=\"_blank\" rel=\"noopener noreferrer\">SteamLauncher (same idea as the AppLauncher, just for steam)<\/a><\/p>\n<hr>\r\nIt helps me if you share this post\r\n<br\/>\r\n<br\/>\r\nPublished 2019-11-04 22:24:36 ","protected":false},"excerpt":{"rendered":"<p>Windows is better (and worse) in many ways than it ever has before. One such apparent lack of basic functionality is the ability to customize your start menu tiles. No, I&#8217;m not talking about that simple right click menu, I mean something like this: Which looks a lot better than something like this: How, you &hellip; <a href=\"https:\/\/rose.dev\/blog\/2019\/11\/04\/how-to-customize-your-windows-10-tiles\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">How to Customize your Windows 10 Tiles<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-450","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts\/450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/comments?post=450"}],"version-history":[{"count":7,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts\/450\/revisions"}],"predecessor-version":[{"id":2445,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/posts\/450\/revisions\/2445"}],"wp:attachment":[{"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/media?parent=450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/categories?post=450"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rose.dev\/blog\/wp-json\/wp\/v2\/tags?post=450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}