Важным аспектом любого современного сайта является наличие мобильной версии, а также иконок для популярных мобильных телефонов, таких как iPhone и iPad. После того, как вы установите на сайт под управлением системы CMS Joomla данные иконки вашей домашней страницы, пользователи смогут добавить сайт на свой рабочий стол, как любое из приложений.
Итак, начнем по порядку...
Сначала нам понадобятся сами иконки телефонов и планшетов от Apple.
Исходник в PSD формате данных иконок можно скачать по ссылке внизу статьи.
Открываем файл в программе Adobe Photoshop и устанавливаем свое изображение на каждую из иконок.
Теперь сохраняем путем применения первоначально инструмента Image-CropИзображение - кадрирование на каждой иконке. Не забываем конвертировать файлы в формат PNG и переименовывать в
- apple-touch-icon-57x57.png - (standard iPhone)
- apple-touch-icon-72x72.png - (standard iPad)
- apple-touch-icon-114x114.png - (iPhone 4)
Перекидываем в корень нашего сайта все заранее подготовленные файлы, переходим в файл шаблона (обычно это index.php или index.html) и открываем его с помощью текстового редактора.
Вставляем между тегов ... следующий код:
при условии, что исходный файл иконки у вас под названием apple-touch-icon.png и находится в корне сайта.
Если вы хотите, чтобы под соответствующие устройства отображались иконки различных размеров, то можно добавить код:
Таким образом, мы получили общий код:
Моя домашняя страница
Проверяем на устройстве работу обновленного сайта с иконками iPhone и iPad.
Статья была полезна?
