sforum
Active member
Despite setting a value for Facebook Open Graph Logo (and testing it so that I know the path is correct), which works for Facebook sharing, it doesn't seem to work as an "Apple Touch Icon" when I add the forum to my iPad home screen.
So I thought I might as well do it "properly", and create the icons and insert the code myself.
I have everything good to go, and all I need to do now is add the following to (I presume) PAGE_CONTAINER:
I was wondering, shall I just bung this code in manually in the PAGE_CONTAINER for all of my styles, or is there a better/neater way of doing it? For example, can I create a Template or something, and reference it within PAGE_CONTAINER somehow? That way, if ever I need to make any changes, I can just edit the template that is called, rather than having to edit the PAGE_CONTAINER code directly.
I should point out, I am not a coder and need things spelled out for me, so if there is a way to do this I would really appreciate an idiot's guide!
Thanks.
So I thought I might as well do it "properly", and create the icons and insert the code myself.
I have everything good to go, and all I need to do now is add the following to (I presume) PAGE_CONTAINER:
PHP:
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
I was wondering, shall I just bung this code in manually in the PAGE_CONTAINER for all of my styles, or is there a better/neater way of doing it? For example, can I create a Template or something, and reference it within PAGE_CONTAINER somehow? That way, if ever I need to make any changes, I can just edit the template that is called, rather than having to edit the PAGE_CONTAINER code directly.
I should point out, I am not a coder and need things spelled out for me, so if there is a way to do this I would really appreciate an idiot's guide!
Thanks.