Přístup na web pomocí mobilních zařízení stále tvoří dost mizivou část návštěv (v řádu procent). Nemá cenu ztrácet s optimalizací pro malá mobilní zařízení, jako telefony, PDA, iPhony apod. příliš času. Naštěstí, pokud používáte Wordpress, je optimalizace pro tyto zařízení otázkou několika minut.

Analýza

Nejdříve si odzkoušejte jak vypadá váš web v mobilním zařízení. Jestli nemáte žádné po ruce, můžete vyzkoušet online verzi Opera Mini. Můj web vypadal asi takto.

Jasně vidíte, že nic moc, abych tak řekl. Je to sotva na hranici použitelnosti. Naštěstí je tady řešení.

Optimalizace pro všechny

Jedním pluginem můžete pokrýt téměř všechny mobilní zařízení. Stáhněte si Wordpress Mobile Edition a rozbalte do adresářů podle návodu. Aktivujte plugin a utíkejte ho vyzkoušet na Operu.

Pohrál jsem si chvilku s lokalizací a web vypadal najednou takto:

Můžete se podívat sami.

Optimalizace speciálně pro iPhone

Pokud máte nějaký čas navíc, můžete udělat speciální verzi jen pro iPhone. Testování je trochu komplikovanější emulací Safari z iPhonu.

Emulace Safari iPhone na Windows

Nejdříve si musíte stáhnout Safari pro Windows. Poté tento iPhone Web Simulator pro Windows. Spustíte EXE a voilà _máte iPhone** **_(podle návodu z něj nemáte zkoušet volat, vážně to nefunguje).

[caption id=”attachment_533” align=”aligncenter” width=”434” caption=”iPhone web simulator”][/caption]

Teď si do Wordpressu stáhneme plugin iWPhone, který aplikujete podobně jako Wordpress Mobile Edition. Zde si už můžete více vyhrát, kromě překladu, také s CSS. Můj web tedy na iPhonu vypadá přibližně takto:

[caption id=”attachment_534” align=”aligncenter” width=”439” caption=”iPhone web simulator - iWPhone”][/caption]

Pokud chcete, můžete využít také speciální administrační rozhraní pro Wordpress, připravené pro iPhone/iPod.