Vlastní ikona webu na iPhone/iPad

Dnešní krátký tutoriál vám ukáže, jak jednoduše zařídit, aby uživatelé iOS, kteří si přidají váš web na plochu iPhonu/iPadu pro rychlejší přístup, viděli takovou ikonku, jakou chcete vy.

Jistě víte, že si můžete libovolnou oblíbenou webovou stránku dát na plochu svého mobilního jablečného zařízení a tím k ní mít ještě rychlejší přístup než přes bookmarky v prohlížeči. Stačí být na oné stránce, klepnout na šipku uprostřed spodní lišty a ze seznamu vybrat položku Přidat na plochu. Pokud to provozovatel onoho webu nemá nijak pořešené, tak se vám jako ikonka uloží „výstřižek“ aktuálního stavu stránky.

iphone-icon-mujweb-1

A pokud jste právě majitelem nějakého toho webíku a chtěli byste, aby se vašim nadšeným čtenářům ukládalo na plochu mobilu nebo tabletu jako ikonka přesně to, co chcete vy, tak následujte tento jednoduchý postup:

1) Vytvořte si v libovolném programu vaši ikonku o rozměrech 158×158 px a uložte ji ve formátu PNG s názvem iphone.png.

2) Nahrajte ji do kořenového adresáře na server s vaším webem (je to ten, kde máte spouštěcí soubor, který se nejčastěji jmenuje index.html).

3) Do hlavičky webu, tedy mezi tagy < head > a < /head >, vložte následující kód:


Pokud si nyní někdo uloží váš web na plochu svého iOS zařízení, objeví se mu vaše ikonka a ne jenom nějaký „otisk“ aktuální stránky.

iphone-icon-mujweb-2

blog comments powered by Disqus
© 2005–2018 Mach Napište mně