Jak připravit WordPress blog pro mobilní zařízení
Napsal Jakub Mikuláš
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:
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).
iPhone web simulator
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:
iPhone web simulator - iWPhone
Pokud chcete, můžete využít také speciální administrační rozhraní pro WordPress, připravené pro iPhone/iPod.
[...] na 8 kb a ušetřili tím tedy celých 7 kb. Pro představu o těchto velikostech, v článku o WordPressu a mobilních zařízeních, jsou 4 malé náhledy Opery Mini. Každý z nich má více než 15kb, v průměru asi 16-17. Pod [...]