Иконки для телефонов в шаблоне Default

[radrigo 182]

Всем привет.

 

В шаблоне Default прописаны мегатеги иконок для телефонов

	<link rel="apple-touch-icon" href="{THEME}/images/touch-icon-iphone.png">
	<link rel="apple-touch-icon" sizes="76x76" href="{THEME}/images/touch-icon-ipad.png">
	<link rel="apple-touch-icon" sizes="120x120" href="{THEME}/images/touch-icon-iphone-retina.png">
	<link rel="apple-touch-icon" sizes="152x152" href="{THEME}/images/touch-icon-ipad-retina.png">
	<meta property="og:image" content="{THEME}/images/logo.png">

 

У иконки touch-icon-ipad.png прописано sizes="76x76" однако картинка размером 120х10

У touch-icon-ipad-retina.png прописано 152х152, но иконка размером 156х156

Иконка touch-icon-iphone-retina.png вообще отсутствует.

 

Получается sizes  не должен совпадать с размером? Или это ляп верстальщика?

 

Какие вообще пути желательно прописать к иконкам и с каким размером?

 

Раньше делал по примеру Default, но уже чего-то сомневаюсь.

[celsoft 6 093]

1 час назад, radrigo сказал:

Получается sizes  не должен совпадать с размером?

Может совпадать, может не совпадать это не обязательно. Вы указываете в этих строчках какую картинку нужно убрать. Т.е. говорите телефону, если нужен этот размер, бери оттуда, если нужен такой размер, то оттуда.

[germanydletest 457]

Вообще, по хорошему, размеры должны совпадать, так как если они не совпадают, то пропорции иконки могут быть нарушены, это так же как с тегом 

<img src="" alt="">

у которого жестко прописана ширина и высота, если картинка не совпадает по размеру, то иногда получается не совсем красиво.

 

А так размеры файлов желательно делать 

60 x 60 px
76 x 76 px
120 x 120 px
152 x 152 px

[radrigo 182]

Ясно, спасибо за разъяснения.

 

Для чего в шаблоне Default этот мегатег? Если он генерируется в новостях движком.

В новостях получается два этих мегатега с разными картинками.

<meta property="og:image" content="{THEME}/images/logo.png">

Только на главной не генерируется.

 

Можно сделать чтоб этот мегатег не генерировался движком вообще, а прописывать самому что-то типа такого?

[not-available=showfull]<meta property="og:image" content="{THEME}/images/logo.png">[/not-available]

[available=showfull]

[xfgiven_foto]<meta property="og:image" content="[xfvalue_foto]">[/xfgiven_foto]

[xfnotgiven_foto][image-1]<meta property="og:image" content="{image-1}">[/image-1][/xfnotgiven_foto]

[/available]

 

Изменено 26 июня 2016 пользователем radrigo

[germanydletest 457]

16 минут назад, radrigo сказал:

 

Для чего в шаблоне Default этот мегатег?

данный мета тег (никак не мега) для социальных сетей, когда кто-то добавляет ваш сайт к себе на страничку.

 

P.S.: Не рекомендую ориентироваться на стандартные шаблоны DLE в них хватает недочётов (например нет XML-файла с конфигурациями для мелкомягких Microsoft IE 11, Windows 8 и т.д.) 

[radrigo 182]

17 минут назад, germanydletest сказал:

данный мета тег (никак не мега) для социальных сетей, когда кто-то добавляет ваш сайт к себе на страничку.

 

Я понимаю что он для соц сетей, не понятно зачем он в шаблоне Default.

 

17 минут назад, germanydletest сказал:

P.S.: Не рекомендую ориентироваться на стандартные шаблоны DLE в них хватает недочётов (например нет XML-файла с конфигурациями для мелкомягких Microsoft IE 11, Windows 8 и т.д.) 

Это я уже понял.

Можете немного подробнее об XML-файле с конфигурациями для Microsoft IE 11, Windows 8?

 

 

Вы о файле browserconfig.xml.

Такое должно быть его содержимое?

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
  <msapplication>
    <tile>
      <square70x70logo src="/mstile-70x70.png"/>
      <square150x150logo src="/mstile-150x150.png"/>
      <square310x310logo src="/mstile-310x310.png"/>
      <wide310x150logo src="/mstile-310x150.png"/>
      <TileColor>#2b5797</TileColor>
    </tile>
  </msapplication>
</browserconfig>

 

Его не достаточно просто в корень сайта закинуть?

Изменено 26 июня 2016 пользователем radrigo

[germanydletest 457]

12 минуты назад, radrigo сказал:

Вы о файле browserconfig.xml.

Не важно как его назвать, на моих сайтах он называется ieconfig.xml 

15 минут назад, radrigo сказал:

Его не достаточно просто в корень сайта закинуть?

Нет, нужно указывать его расположение через meta-тег

<meta name="msapplication-config" content="{THEME}/ieconfig.xml">

у меня он лежит всегда в папке с шаблоном, так как в зависимости от дизайна иконка плитки может меняться 

 

21 минуту назад, radrigo сказал:

Такое должно быть его содержимое?

Как один из вариантов, да

[radrigo 182]

Спасибо за разъяснения.

 

Ещё вопрос.

 

Как вы в нём прописываете путь до логотипов если они тоже в шаблоне? Тег {THEME} работает?

[germanydletest 457]

11 минуту назад, radrigo сказал:

Как вы в нём прописываете путь до логотипов если они тоже в шаблоне?

<square70x70logo src="/templates/название_шаблона/images/logos/mstile-70x70.png"/>

 

11 минуту назад, radrigo сказал:

Тег {THEME} работает?

нет, этот тег не работает