Jump to content

Иконки для айфона и андроид

rusbolik
 Share

Recommended Posts

rusbolik Newbie

rusbolik

Posted
Posted

Уважаемые Гуру.

Кто-то настраивал престу так чтобы иконка отображалась в закладках смартфонов?

Для обычных сайтов php и html использую сервис по созданию иконок http://iconifier.net/ и все работает.

В Престе 1.6 сделал как всегда и не работает.

Подскажите как добиться результата

Link to comment
Share on other sites
AlexNDR.mac Newbie

AlexNDR.mac

Posted
Posted

Нужно прописать в мета-тегах иконки.
Для Win - www.buildmypinnedsite.com
Для iOS - developer.apple.com (искать Specifying a Webpage Icon for Web Clip)

Для Андроида - просто добавить линки на normal и hi-res иконки
В <head> это будет выглядеть примерно так:

<!-- iOS icons -->
<link rel="apple-touch-icon" sizes="144x144" href="http://mysite.com/apple-touch-icon-144x144.png">
<!-- Win icons -->
<meta name="application-name" content="Site Name">
<meta name="msapplication-square310x310logo" content="http://mysite.com/windows-icon-310x310.jpg">
<!-- Android icons -->
<link rel="icon" sizes="128x128" href="http://mysite.com/android-icon-128x128.png">
<link rel="icon" sizes="192x192" href="http://mysite.com/android-icon-192x192.png">
Link to comment
Share on other sites
rusbolik Newbie

rusbolik

Posted
  • Author
Posted

 

Нужно прописать в мета-тегах иконки.

Для Win - www.buildmypinnedsite.com

Для iOS - developer.apple.com (искать Specifying a Webpage Icon for Web Clip)

Для Андроида - просто добавить линки на normal и hi-res иконки

В <head> это будет выглядеть примерно так:

<!-- iOS icons -->
<link rel="apple-touch-icon" sizes="144x144" href="http://mysite.com/apple-touch-icon-144x144.png">
<!-- Win icons -->
<meta name="application-name" content="Site Name">
<meta name="msapplication-square310x310logo" content="http://mysite.com/windows-icon-310x310.jpg">
<!-- Android icons -->
<link rel="icon" sizes="128x128" href="http://mysite.com/android-icon-128x128.png">
<link rel="icon" sizes="192x192" href="http://mysite.com/android-icon-192x192.png">

ХМ. попробую конечно.

а как же rel="apple-touch-icon-precomposed"?

Link to comment
Share on other sites
AlexNDR.mac Newbie

AlexNDR.mac

Posted
Posted

а путь к файлу иконки у нас какой??? :)

<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-180x180.png?1479146702">

Правильно! Относительный..... вот по этому ссылка на каждой странице товара или категории будет разной :)

Link to comment
Share on other sites
rusbolik Newbie

rusbolik

Posted
  • Author
Posted

а путь к файлу иконки у нас какой??? :)

<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-180x180.png?1479146702">

Правильно! Относительный..... вот по этому ссылка на каждой странице товара или категории будет разной :)

никак не прочитаю правильно твое сообщение :blink:  вечер сказывается

прописать с http? :)

Link to comment
Share on other sites
AlexNDR.mac Newbie

AlexNDR.mac

Posted
Posted

Ну не нужно прям так сильно хардкодить. Есть пару простых и прямых способа:

<link rel="apple-touch-icon-precomposed" href="{$img_ps_dir}apple-touch-icon-180x180.png">

или, если иконки в папке темы:

<link rel="apple-touch-icon-precomposed" href="{$img_dir}apple-touch-icon-180x180.png">

И не нужно после расширения добавлять временную метку. Или файлы иконок так часто обновляются, что их прям при каждом обновлении страницы ну никак нельзя брать из кеша???

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...