Scroll

Иконки для панели закладок Safari в iOS

У браузера Safari в iOS есть панель быстрых закладок. Выглядит примерно так:

Чтобы изменить внешний вид иконки, необходимо сделать следующее:

1. Изготовляем иконки в формате *.png в размерах 16х16, 76х76, 120х120 и 152х152 пикселей. Можно, например, использовать вот этот сервис. Обзываем их:

  • apple-touch-icon-precomposed.png
  • apple-touch-icon-76x76-precomposed.png
  • apple-touch-icon-120x120-precomposed.png
  • apple-touch-icon-152x152-precomposed.png.

2. На сервере в папке с шаблоном создаем папку /icon и загружаем туда все эти файлы.

3. В файле ./admin/templates/website/layout.tpl.php перед вторым тегом <?php добавляем следующие строки:

<link rel="apple-touch-icon" href="/icon/apple-touch-icon-precomposed.png">
<link rel="apple-touch-icon" sizes="76x76" href="/icon/apple-touch-icon-76x76-precomposed.png">
<link rel="apple-touch-icon" sizes="120x120" href="/icon/apple-touch-icon-120x120-precomposed.png">
<link rel="apple-touch-icon" sizes="152x152" href="/icon/apple-touch-icon-152x152-precomposed.png">

4. Сохраняем файл, загружаем на сервер, перезаписывая его, передобавляем сайт в панель закладок и проверяем на устройстве отображение иконки.

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

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Еще есть вопросы? Отправить запрос

Комментарии

На базе технологии Zendesk