Создание и установка иконок iPhone и iPad для домашней страницы в Joomla

1147

Важным аспектом любого современного сайта является наличие мобильной версии, а также иконок для популярных мобильных телефонов, таких как iPhone и iPad. После того, как вы установите на сайт под управлением системы CMS Joomla данные иконки вашей домашней страницы, пользователи смогут добавить сайт на свой рабочий стол, как любое из приложений.

iPhone-icon

Итак, начнем по порядку…

Сначала нам понадобятся сами иконки телефонов и планшетов от Apple.

Исходник в PSD формате данных иконок можно скачать по ссылке внизу статьи.

Открываем файл в программе Adobe Photoshop и устанавливаем свое изображение на каждую из иконок.

iPhone-icon

Теперь сохраняем путем применения первоначально инструмента Image-Crop на каждой иконке. Не забываем конвертировать файлы в формат PNG и переименовывать в 

  • apple-touch-icon-57×57.png – (standard iPhone)
  • apple-touch-icon-72×72.png – (standard iPad)
  • apple-touch-icon-114×114.png – (iPhone 4)

Перекидываем в корень нашего сайта все заранее подготовленные файлы, переходим в файл шаблона (обычно это index.php или index.html) и открываем его с помощью текстового редактора.

Вставляем между тегов следующий код: 

 

при условии, что исходный файл иконки у вас под названием apple-touch-icon.png и находится в корне сайта.

Если вы хотите, чтобы под соответствующие устройства отображались иконки различных размеров, то можно добавить код:

   

Таким образом, мы получили общий код: 

 Моя домашняя страница   

Проверяем на устройстве работу обновленного сайта с иконками iPhone и iPad.

//photolessons.orgs://cloud.mail.ru/public/99b380cf2ed9/iPhone%204%20icon%20template%20by%20Cocoia.psd” target=”_blank”>Get – получить