Joomla tutorials

Creation and setup iPhone and iPad icons for the home page in Joomla

iPhone и iPad

An important aspect of any modern website is the mobile version, as well as icons for popular mobile phones such as iPhone and iPad. After you install on a site running Joomla icons on your homepage, users will be able to add a website to your homescreen like any of the apps.

Создание и установка иконок iPhone и iPad

So, first things first…
First we need icons, phones and tablets from Apple.
Source file in PSD format of the icons can be downloaded in the link at the bottom of the article.
Open the file in Adobe Photoshop and set your picture on each of the icons.
Now saved by the use of the original tool Image Crop on each icon. Do not forget to convert the files to PNG format and renamed
apple-touch-icon-57×57.png (standard iPhone)
apple-touch-icon-72×72.png (standard iPad)
apple-touch-icon-114×114.png (iPhone 4)
Toss the root of our website all the pre-prepared file, go to the template file (usually index.php or index.html) and open it with a text editor.
Inserted between the tags … the following code:
assuming that the original icon file you have called apple-touch-icon.png is in the root of the website.
If you want to suit the device display icons of different sizes, you can add the code:
Thus, we received total code:
My home page
Check on the device that the updated site with the iPhone and iPad icons.


[email-download download_id=”217818” contact_form_id=”52471”]