Перейти к публикации

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


Рекомендованные сообщения

Всем привет.

 

В шаблоне 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, но уже чего-то сомневаюсь.

Ссылка на сообщение
Поделиться на других сайтах
1 час назад, radrigo сказал:

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

<img src="" alt="">

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

 

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

 

Для чего в шаблоне 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]

 

Изменено пользователем radrigo
Ссылка на сообщение
Поделиться на других сайтах
16 минут назад, radrigo сказал:

 

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

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

 

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

Ссылка на сообщение
Поделиться на других сайтах
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>

 

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

Изменено пользователем radrigo
Ссылка на сообщение
Поделиться на других сайтах
12 минуты назад, radrigo сказал:

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

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

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

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

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

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

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

 

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

 

Ещё вопрос.

 

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

Ссылка на сообщение
Поделиться на других сайтах
11 минуту назад, radrigo сказал:

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

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

 

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...