*SOLVED* Touch icon *SOLVED*

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

*SOLVED* Touch icon *SOLVED*

Post 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..?
Last edited by etcbbu on Tue Feb 26, 2019 5:58 pm, edited 1 time in total.
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
BaconFries
 
 
Posts: 5324
Joined: Thu Aug 16, 2007 7:32 pm

Re: Touch icon

Post by BaconFries »

This might sound silly but did ypu publish all tje pages again?
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Touch icon

Post 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.
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Touch icon

Post 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.
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
Pablo
 
Posts: 21570
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Touch icon

Post by Pablo »

I do not see the Apple logo in the HTML of your website, are you sure you have republished the page?
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Touch icon

Post by etcbbu »

Where are such images programmed to upload whenever they are selected from the chooser in that field? Root? Or " /images " sub-folder?
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Touch icon

Post 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..?
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
Pablo
 
Posts: 21570
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Touch icon

Post 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.
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Touch icon

Post 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
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
Pablo
 
Posts: 21570
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Touch icon

Post 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?
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Touch icon

Post 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.
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
Pablo
 
Posts: 21570
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Touch icon

Post by Pablo »

Where exactly did you add the icon?
pajadt
 
 
Posts: 304
Joined: Sat Mar 16, 2013 11:23 am
Location: Europe
Contact:

Re: Touch icon

Post 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.
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Touch icon

Post by etcbbu »

It must be jpg?
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
BaconFries
 
 
Posts: 5324
Joined: Thu Aug 16, 2007 7:32 pm

Re: Touch icon

Post by BaconFries »

Not wanting to confuse you any more but see the following
https://stackoverflow.com/questions/299 ... and-iphone
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Touch icon

Post 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.
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
User avatar
Pablo
 
Posts: 21570
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Touch icon

Post by Pablo »

The code seems to be correct. Maybe there is a problem with "ionos web-checker"?
User avatar
etcbbu
 
 
Posts: 460
Joined: Mon Apr 23, 2007 3:00 pm

Re: Touch icon

Post 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! :D :D :D

--etcbbu
https://ktravisj.com

Travis J Consulting, LLC
⚫️Website Design/Development/Maintenance
⚫️Web-Marketing/Social Media
⚫️SEO/Search Engine Optimization

https://ktravisj.com
Post Reply