by
orbital » Tue Sep 01, 2015 2:33 am
Hi, I need to have Favicons for PC, smartphones, tablets...
At this moment Couch supports only favicon.ico that does not do the job.
I report that I made it and it works!
Now Couch has the correct and modern favicon icons in PC, Apple, ...smartphones, tablets...
The question is whether everything is done properly?
The correction is in functions.php
Original code:
- Code: Select all
<link rel="shortcut icon" href="<?php echo K_ADMIN_URL . 'favicon.ico'; ?>" type="image/x-icon" />
New code:
- Code: Select all
<link rel="apple-touch-icon" sizes="57x57" href="<?php echo K_ADMIN_URL . 'apple-touch-icon-57x57.png'; ?>">
<link rel="apple-touch-icon" sizes="60x60" href="<?php echo K_ADMIN_URL . 'apple-touch-icon-60x60.png'; ?>">
<link rel="apple-touch-icon" sizes="72x72" href="<?php echo K_ADMIN_URL . 'apple-touch-icon-72x72.png'; ?>">
<link rel="apple-touch-icon" sizes="76x76" href="<?php echo K_ADMIN_URL . 'apple-touch-icon-76x76.png'; ?>">
<link rel="apple-touch-icon" sizes="114x114" href="<?php echo K_ADMIN_URL . 'apple-touch-icon-114x114.png'; ?>">
<link rel="apple-touch-icon" sizes="120x120" href="<?php echo K_ADMIN_URL . 'apple-touch-icon-120x120.png'; ?>">
<link rel="apple-touch-icon" sizes="144x144" href="<?php echo K_ADMIN_URL . 'apple-touch-icon-144x144.png'; ?>">
<link rel="apple-touch-icon" sizes="152x152" href="<?php echo K_ADMIN_URL . 'apple-touch-icon-152x152.png'; ?>">
<link rel="apple-touch-icon" sizes="180x180" href="<?php echo K_ADMIN_URL . 'apple-touch-icon-180x180.png'; ?>">
<link rel="icon" type="image/png" href="<?php echo K_ADMIN_URL . 'favicon-32x32.png" sizes="32x32'; ?>">
<link rel="icon" type="image/png" href="<?php echo K_ADMIN_URL . 'favicon-194x194.png" sizes="194x194'; ?>">
<link rel="icon" type="image/png" href="<?php echo K_ADMIN_URL . 'favicon-96x96.png" sizes="96x96'; ?>">
<link rel="icon" type="image/png" sizes="192x192" href="<?php echo K_ADMIN_URL . 'android-chrome-192x192.png'; ?>" >
<link rel="icon" type="image/png" sizes="16x16" href="<?php echo K_ADMIN_URL . 'favicon-16x16.png'; ?>" >
<link rel="manifest" href="<?php echo K_ADMIN_URL . 'manifest.json'; ?>">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-TileImage" content="<?php echo K_ADMIN_URL . 'mstile-144x144.png'; ?>">
<meta name="theme-color" content="#ffffff">
Regards