Как подключить иконки apple-touch #2375

У пользователей iOS есть возможность добавить сайт на рабочий экран устройства. Ссылки на сайты, расположенные на рабочем экране, выводятся в виде иконок, называемых также Web-clips. Вы можете задать для своего сайта иконку apple-touch - например, логотип компании или иное желаемое изображение (если иконка apple-touch задана не будет - устройство сделает скриншот страницы Вашего сайта и использует его в качестве иконки, что на рабочем экране выглядит не самым лучшим образом).

Рассмотрим подробно, как задать иконку apple-touch для своего сайта.

Обратите внимание!

  • Служба технической поддержки не предоставляет консультаций по редактированию шаблонов.
  • Для того чтобы самостоятельно работать с шаблонами, Вам необходимо получить расширенные права доступа к системе управления. Получить их Вы можете самостоятельно, следуя инструкции по ссылке.

Шаг 1

Для начала Вам необходимо определиться - какое изображение Вы хотите использовать в качестве иконки. Это обязательно должна быть картинка формата PNG.

Данное изображение Вам необходимо загрузить в раздел "Иллюстрации".

143453241_8564_61682bb5f0eac.png

Шаг 2

После загрузки перейдите к редактированию картинки и скопируйте ее адрес.

143453241_8563_61682bb5e3f18.png

Шаг 3

Перейдите к разделу "Настройки" - "Шаблоны и файлы".

143453241_8562_61682bb5d9ff1.png

Шаг 4

Выберите раздел "Шаблоны" и откройте для редактирования шаблон "_Главная. Верх".

143453241_8561_61682bb5a2005.png

Шаг 5

Разместите перед закрывающим тегом </head> следующий код:

  • <link rel="apple-touch-icon" href="ТУТ ВСТАВЬТЕ СКОПИРОВАННЫЙ ВАМИ АДРЕС КАРТИНКИ">

phpxsQJh9

Шаг 6

И сохраните изменения в шаблоне.

phpJxXL3R

Готово!

Обратите внимание!

  • Данная инструкция является примером реализации описанного функционала. Показанные в инструкции результаты могут отличаться от реальных по причине специфики шаблонов конкретного сайта или иных технических нюансов.
Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий