Page 1 of 1
*SOLVED* Touch icon *SOLVED*
Posted: Thu Feb 21, 2019 6:08 pm
by etcbbu
I was running my website
ktravisj.com
Through this web-checker here:
ionos.com/tools/website-checker
And it was saying how I need to upload an Apple Touch Icon.
So, I went to every page in my .WBS project, and right-clicked on each page and went to
Page Properties >> Apple touch icon
And the image I picked is 152 pixels x 152 pixels , and is .png , and I even named it apple-touch-icon-152x152-precomposed
But then when I ran my website through that checker again, it is still saying I still need to upload the Apple touch icon.
Is there something else I need to do..? Is there something I am doing wrong..?
Re: Touch icon
Posted: Thu Feb 21, 2019 6:12 pm
by BaconFries
This might sound silly but did ypu publish all tje pages again?
Re: Touch icon
Posted: Thu Feb 21, 2019 6:31 pm
by etcbbu
(haha--no "sound silly" at all, y'all have seen the dumb stuff I have done/not-done, over the years; I blame it on blonde-moment)
But yes, I *did* publish the entire website after I uploaded this image as the Apple Touch Icon on every page in my .WBS project, and before I ran it through the checker again.
Re: Touch icon
Posted: Thu Feb 21, 2019 6:33 pm
by etcbbu
And I mean, this is what the checker suggests I do:
Code: Select all
Create touch icon
Use a memorable logo as the touch icon so your website will make a good impression as a bookmark on mobile devices.
Hide solution
Create your logo as a PNG image file. To support current devices the file should be available in two versions: 152x152px and 120x120px.
Save these files and name them 'apple-touch-icon-152x152-precomposed.png' and 'apple-touch-icon-120x120-precomposed.png' respectively, then upload them to your webspace in the root directory of your website. Now insert the following code in the head area of your website:
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120-precomposed.png" /> <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152-precomposed.png" />
And no, I have not done *that*, I have only used my chooser in .WBS file to select the PNG file.
Re: Touch icon
Posted: Thu Feb 21, 2019 6:56 pm
by Pablo
I do not see the Apple logo in the HTML of your website, are you sure you have republished the page?
Re: Touch icon
Posted: Thu Feb 21, 2019 7:26 pm
by etcbbu
Where are such images programmed to upload whenever they are selected from the chooser in that field? Root? Or " /images " sub-folder?
Re: Touch icon
Posted: Thu Feb 21, 2019 8:42 pm
by etcbbu
I've changed the image file both to being called
apple.png
apple.png.png
And republished the site, and still, nothing..?
The file-dimensions are 152 pixels x 152 pixels. Is that wrong/bad? Too large or too small..?
Re: Touch icon
Posted: Thu Feb 21, 2019 9:00 pm
by Pablo
I do not think the format or size has anything to do with this.
WWB simply adds the selected file to the page.
Re: Touch icon
Posted: Thu Feb 21, 2019 9:03 pm
by etcbbu
I don't get it, then; is this type of thing something that just takes a day or a few days to populate out and sort of register as being changed..?
The image is now
apple.png
I dunno why I cannot see it whether I try to navigate to
ktravisj.com/apple.png
nor
ktravisj.com/images/apple.png
Re: Touch icon
Posted: Thu Feb 21, 2019 9:11 pm
by Pablo
Did you publish the files to the correct folder?
Are there any errors in the publish log?
Do you see the code if you locally preview the page?
Re: Touch icon
Posted: Thu Feb 21, 2019 9:21 pm
by etcbbu
I'm uploading it to the same folder I always upload my entire website to;
No errors in the publish log;
When I do a "Preview", no, still don't see apple.png anywhere in my Source Code.
Re: Touch icon
Posted: Thu Feb 21, 2019 9:26 pm
by Pablo
Where exactly did you add the icon?
Re: Touch icon
Posted: Thu Feb 21, 2019 9:29 pm
by pajadt
Hi
also you must add code between head tags like this
Code: Select all
<link rel="apple-touch-icon" href="apple-touch-icon.jpg">
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.jpg">
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.jpg">
NOTICE: This is code is when is icon in root website / not in any folder /, and jpg picture format, so you change in png in code if use that picture format.
Re: Touch icon
Posted: Thu Feb 21, 2019 9:49 pm
by etcbbu
It must be jpg?
Re: Touch icon
Posted: Thu Feb 21, 2019 10:05 pm
by BaconFries
Not wanting to confuse you any more but see the following
https://stackoverflow.com/questions/299 ... and-iphone
Re: Touch icon
Posted: Mon Feb 25, 2019 3:16 am
by etcbbu
I added this code in between the HEAD tags:
Code: Select all
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
And then uploaded three different images
apple-touch-icon.png
apple-touch-icon-72x72.png
apple-touch-icon-114x114.png
to my web-root, with a separate FTP Client, and the ionos web-checker still doesn't seem to find my Apple Icon.
Re: Touch icon
Posted: Mon Feb 25, 2019 6:14 am
by Pablo
The code seems to be correct. Maybe there is a problem with "ionos web-checker"?
Re: Touch icon
Posted: Tue Feb 26, 2019 5:58 pm
by etcbbu
Their checker was pulling in an old slate of results they had given to me. Yes, it looks like this is working, now--the checker sees it now, too.
Thank y'all for talking me through it!
WB IS THE BEST! 
--etcbbu