So, on Apple iOS devices such as the iPhone and iPad from Safari you can add an icon to your favourite websites to the Home screen.

Let's look at XenForo.com purely as an example. I come here regularly so I've added it to my Home Screen on my iPhone.

By default, the icon is created from a quick screenshot of the page and it updates usually every time the page is accessed. Another option is to have a URL to a suitable icon coded into the page. By default XenForo doesn't include this so it will always take the screenshot.

Here's what it looks like:

This is fine - not perfect but it will do. It is just about recognisable for your site. But there's a small problem.

I often use free WiFi services. There's a popular one in the UK called The Cloud. If I'm in the vicinity of one of these WiFi hotspots, I automatically connect.

The service requires a login. So if I click my XenForo icon then instead of getting to XenForo.com I get forwarded to a login page.

So that happens and the iDevice takes a screenshot of the page. And all of a sudden my XenForo icon now looks like this:

Oops!

Remember I mentioned another option is to have a URL to a suitable icon coded into the page? The Cloud login page includes that. Now my icon will permanently be branded incorrectly unless I delete the icon and re-add it.

This problem exists on our own boards too. Aside from the screenshot type icon not being great looking, there's the potential that it could get changed to something else.

So, the solution is for us to add a URL to a suitable icon coded into our pages.

This is what this add-on does!

So if XenForo.com were to install this add-on, and you were to add this to your home screens this is what it would look like:

This add-on includes the XenForo icon above in four sizes compatible with all iPhone and iPad models and the necessary code.

All you need to do is replace these icons with your own to ensure that anyone with these devices sees more preferable branding when they save your site onto their home screens.

Latest reviews

OK, so I technically didn't need to d/l anything to get the app onto my mobile home screen since I have v1.5. However, I'm giving this five stars for the fact that the author explains the process involved. Invaluable info, thank you!