Very cool on my iPad bookmark!
Isaac Favorite icon!
- BrianMac
- Site Admin
- Posts: 787
- Joined: Mon Apr 08, 2019 11:45 pm
- Location: Connecticut
- BarbaraK
- Posts: 2620
- Joined: Tue Apr 09, 2019 2:37 pm
- Location: Virginia
- BrianMac
- Site Admin
- Posts: 787
- Joined: Mon Apr 08, 2019 11:45 pm
- Location: Connecticut
It's something called a "favicon" that's in the code of the website, so it's a matter of whether the website has it or not. For example, this is the favicon for Crossword Fiend:
It's not something you can control as a user, but you can add it if the website has it. If you're on an Apple device and you add the site to your favorites or your home page, you should now see the Isaac icon where it used to just be a box with an "X" in it (because that's the first letter of the website). If Crossword Fiend did not have a favicon, then you would just get a "C" when you bookmarked it or added it to your home screen.
If you have the site bookmarked as a favorite, or have it set on your home screen, then hopefully it should now be showing Isaac instead of the "X". If you're still getting the "X", try to remove the bookmark or home screen icon and resetting it, and you should get Isaac.
One question I do wonder is how it works on a non-Apple (Android) device.
- Hector
- Posts: 1297
- Joined: Thu Apr 11, 2019 8:15 pm
- Location: San Francisco
- Contact:
- BarbaraK
- Posts: 2620
- Joined: Tue Apr 09, 2019 2:37 pm
- Location: Virginia
Thanks!
A website I manage has a nice image on the regular version - which does incorporate the favicon, now that you mention it, but just a plain letter on the phone version. Now I know what to look for when (OK, if:) I want to do something about that.
- BrianMac
- Site Admin
- Posts: 787
- Joined: Mon Apr 08, 2019 11:45 pm
- Location: Connecticut
Thanks, Hector!
Barbara, this is the site that guided me through it: https://realfavicongenerator.net/
It generates about 10 lines of code, each for different devices, but I only ended up using one of the lines:
The phpbb software has a lot of online articles and support, so I just Googled around to see where to put the line. If your site is not phpbb, it might be different, but if it is, let me know and I can tell you where I put it. Also you have to create the icon and save it as "apple-touch-icon.png" in the "root" folder (again, not sure if that's phpbb specific or not). I wish I could be more helpful, but I barely understand it myself. Lots of trial and error.
Barbara, this is the site that guided me through it: https://realfavicongenerator.net/
It generates about 10 lines of code, each for different devices, but I only ended up using one of the lines:
Code: Select all
<link rel="apple-touch-icon" href="https://www.xword-muggles.com/forums/apple-touch-icon.png">