JustSnowboard.nl Snowboardshop op basis van Magento Wij maken solide webapplicaties op basis van het CakePHP framework Wij beheren en onderhouden Magento E-commerce websites
E-commerce site op basis van Magento voor iPhone hoesjes
Home » Archief » juni 2011 Archieven - Aquive Media

iPhone bookmark icon toevoegen aan je (Magento) site

E-commerce verplaatst langzaam maar zeker naar mobiele apparaten. Ik denk niet dat ik een bron hoef aan te halen omdat iedereen dit wel zal erkennen. Dit merk ik vooral ook bij mezelf ook omdat ik steeds vaker webshops opzoek op een mobiel device. Met de opkomst van tablets zal dit nog veel meer worden. Op iOS devices zoals op de iPhone en iPad kan je een bookmark maken van een website op je homescreen. Standaard word hiervoor een leeg wit icoontje geplaatst. Om extra op te vallen kan je dit icoontje zelf wijzigen. Dit werkt overigens voor elke website. Hoe je dat doet staat hieronder beschreven.

Stap 1: Maak en PNG bestand van exact 57×57 pixels en noem deze “apple-touch-icon.png”.

Stap 2: Upload het naar de root of een andere directory op de server.

Stap 3: Voeg het volgende element toe in de tag van de website.

<link rel="apple-touch-icon" href="apple-touch-icon.png" />

Om vervolgens te testen hoe dit er uit ziet ga je naar safari en open je de website. Kies vervolgens voor meer opties, en kies voor “Zet in beginscherm”. Er zal nu een bookmark gemaakt worden in de homescreen van je device met het logo die je zelf hebt gemaakt. Je krijgt gratis een Apple glans over je logo. Dat ziet er dan bijvoorbeeld zo uit.



Archief per maand:

Archief per onderwerp: