携帯端末からの閲覧に対応しました

iPhone対応

数日前からテストを兼ねて公開していましたが、どうやらこのまま問題なさそうなのでエントリー。

JUGEMの頃は標準で対応していた「携帯電話(docomo, au, Softbank, WILLCOMなどなど)からの閲覧」ですが、WordPressにはそのような機能が標準ではありません。
携帯電話から見た場合もPC版と同様の表示を行おうとしてしまい、結果的に[1]途中でページが切れてしまう現象が発生していました。

そこで、携帯電話からの閲覧に対応するべく、いくつかプラグインを探してみました。現在このサイトに使っているプラグインは次の2つになります。

プラグインの機能説明上では以下の携帯端末からの閲覧に対応したことになります。

  • i-mode (NTT ドコモの mova, FOMA)
  • EZweb (KDDI, 沖縄セルラー)
  • Yahoo!ケータイ (ソフトバンクの PDC, 3G)
  • iPhone, iPod touchに内蔵のSafari
  • ディズニー・モバイル
  • ウィルコムのコンテンツサービス (ウィルコムの AIR-EDGE PHONE, SIM STYLE)
  • イー・モバイルの EMnet (モバイルブラウザモードのみ)
  • 各社スマートフォン (W-ZERO3 シリーズ、ドコモ htcZ、ソフトバンク X シリーズ、EM・ONE など)
  • Palm OS ハンドヘルド
  • シャープ Zaurus シリーズ
  • PlayStation Portable (PSP), Sony mylo
  • Nintendo DS (NDS)

ここではiPod touchから閲覧した場合について述べていきます。

aquapple for iPod touch

このサイトをホーム画面に登録すると、Faviconが表示されるようになっています[2]

aquapple for iPod touch

トップページはこんな感じ。独自のテーマが適用されているため、サイドバーはありません。

aquapple for iPod touch

記事タイトルをタップすると、本文が読めます。画像も問題無く表示されます。

aquapple for iPod touch

タイトル下の検索をタップすると、サイト内検索を行う検索窓が出現します。

aquapple for iPod touch

その隣のメニューをタップすると、ホーム[3]、このサイトについて、RSSフィードへ飛ぶことが出来ます。

aquapple for iPod touch

一番下のモバイル用テーマをオフにすると、PCから見た場合と同じレイアウトで表示されます。

自分自身が携帯電話で滅多にネットをしないため、対応しなくてもいいかなと最初は思っていましたが、WordPressのプラグイン2つで十二分に対応できることを知り、今回導入に到りました。
iPhone/iPod touch用のページは動作確認を一通りしましたが、その他の端末については十分確認が出来ていません。何か不具合を見つけたらこっそりコメントしていただけると幸いです。

  1. 端末のHTMLキャッシュにもよりますが [back]
  2. この機能に関しては以前のサイトから適用しています [back]
  3. サイトのトップ(http://aquapple.com/)のこと [back]
スポンサーリンク

この記事をシェアしてくださいねっ

このサイトが気に入ったらフォローしてください!