WordPress を携帯で見やすくするmobile Eye

公開日: : 最終更新日:2006/12/09 wordpress

WordPress を携帯電話で閲覧できるようにしたプラグインです。

最近の携帯電話であれば、PCサイトをそのまま見ることが出来たりしますが、データ量が大きければ途中までしか読み込まなかったり、読み込みが遅かったりすることがあります。

そこで、通常WEBサイトを構築する時は、携帯用のページも別途作成するのですが、今回のプラグインは、Wordpressのサイトに携帯電話でアクセスすれば、自動的に(UserAgentで判断)携帯用ページが表示されるプラグインになります。

導入方法
1.作者サイトより、mobile_eye_v1.zip をダウンロードし解凍。
Mobile Eye

2.mobile-comments-post.php を index.php と同じ階層に、
mobile_eye.php を wp-content/plugins にアップロード。

3.プラグインを有効化

これで、携帯電話にてアクセスすれば、携帯用にサイズの落とされたページが表示されます。

以下2点の特徴があります。

記事中の <a> タグはすべて排除しています
(ジャンプ先が携帯対応でないと意味ないので)

パケット節約のため、画像は [IMAGE:ALT] というリンクに置き換えています
記事投稿時にサムネイルを作成している場合はサムネイル画像へのリンクになります。

Mobile eye使用時に携帯から観覧したサイトの見た目
私の携帯電話はAUのCASIO G’zOne W42CA ですが、きちんと携帯用のページが表示されました。

しかし、PCサイトビューワーで観覧した場合でも携帯用ページが表示されます。

これは、上記プラグインを編集することでPCサイトビューワーで観覧した場合は、PCサイトが表示されるように対応可能なようですが、このサイトはPCサイトビューワーで見ても機能しない部分などがあるため(続きを表示したり、コメントを書き込んだりする部分で使用しているAjaxなど)PCサイトビューワーでも携帯サイトを表示させたいので、問題ありません。

次にコメントの書き込みテストを行ってみましたが、なぜか上手く書き込みが出来ません。

調べた結果、スパムフィルターの「Spam Karma 2」が携帯からのコメントをスパム扱いしていたため、そのエラー表示が携帯では表示されないらしく真っ白のページが表示されていたようです。

そこで、「Spam Karma 2」は無効化し、再度テストしたところ上手く書き込みが出来ました。

ところで、携帯サイトを作成する上で欠かせないのが各キャリア、各機種でのサイトの確認です。

各キャリアによって若干サイトの見え方が異なったり、各機種でも異なったりすることがあるので、出来る限り多くの携帯端末でサイトのチェックを行う必要があります。

PCサイトの場合、複数の種類のブラウザで確認したり、Windows、Macなど、異なるOSでのサイトを確認するのは比較的簡単ですが、携帯電話を各キャリア分用意するのは、なかなか個人では難しいと思われます。

そこで、フリーソフトで携帯端末のブラウザエミュレータ-ソフトを使用して確認すると同時に、周りの友人にお願いして、各キャリアからの観覧&書き込みテストを行ってもらうことにしました。

しばらくはこれで様子を見てみようと思います。

参考サイト
携帯電話向けサイトの検証に役立つツール。

追記
[tegaki]みんなありがとう[/tegaki]
協力してくれた友人に感謝。まだまだテスト書き込み受け付けます。お手数ですが、書き込み内容は、一件目のようにTest「携帯会社&携帯の機種名」でお願い致します。

google

関連記事

no image

ページのリストを思い通りに表示させるWPタグ

Wordpressには、ページ機能があり、通常のページ作成が出来ますが、そのタイトルをリスト表示させ

記事を読む

no image

Ajaxified Expand Post NOWとWP-Amazonの相性

WP-Amazonの機能にてAmazon検索画面より商品を選択しようとすると以下のようなエラーが出る

記事を読む

no image

sitemap0.9に対応したwordpressプラグインGoogle Sitemap Generator 3 Beta

こちらのサイト(Wordpressでサイトマップを作成する)をみて気付いたのですが、サイトマップを生

記事を読む

WordPressの記事をmixi日記にも同時投稿出来るプラグインWp-MixiPublisher

Wordpressの記事をmixiの日記にも同時に投稿出来るプラグインがあったので早速使って

記事を読む

no image

wordpressで文字化けの対策(Xrea,coreserver)

なかなか記事の更新が出来ていなかったのですが、少しまとまった時間が取れたため、このホームページのサー

記事を読む

no image

wordpressで画像がアップロードできない

wp-contentの中にuploadsというディレクトリを作成し、そのディレクトリのパーミッション

記事を読む

wordpressにGoogleブックマーク登録アイコンをつける

前回Yahoo!ブックマーク登録のブログパーツを貼り付けたので、自分が使用しているオンラインブックマ

記事を読む

no image

タイトルを「記事タイトル|サイト名」の順にする

Wordpressでは、デフォルトのままであると、 サイト名 >> 記事タイトル となっ

記事を読む

no image

wordpressの続きを読むをクリック時に記事のパーマリンクを取得する方法

Wordpressは、moreタグを使うことで、記事を概要表示にしておき、(more…)をクリックす

記事を読む

GPLライセンスのCMS「WordPress」

今回、サイトのリニューアルを行ったのですが、Wordpressを利用しました。 ちなみに以前は

記事を読む

google

Comment

  1. AU PCサイトビューワー より:

    W42CA(AU)

  2. AU より:

    W42CA(AU)

  3. ぜん より:

    てすと

  4. ミツ より:

    どうですか?★

  5. au松田 より:

    元気ですかー

  6. 匿名 より:

    久しぶり☆

  7. エハ より:

    チャーオー 夏帰ってくんのー?

  8. ムロタです☆☆ より:

    元気かねー??

  9. 管理者 より:

    皆さんありがとうございます。
    私は夏風邪と肩こりでヘロヘロです!

  10. COMO FUMI より:

    お久しぶり〜。私も風邪気味です(´〜`;)

  11. たけつん@FOMA SH902i より:

    こんなもんで大丈夫でしょーか?

  12. テツ@LB より:

    ボダ V603SHです。
    仕事でやるならaタグの飛び先は問題やね。

  13. きんつ より:

    auペンク

  14. ゆみ より:

    わたしのはauのA5403CAです☆
    見れたよ☆

  15. えりこ(おもち) より:

    いけるかな?

  16. ゆっこ より:

    DoCoMo N702 これでいいのかい?

  17. 社長 より:

    うーっす!!見にきたで。

  18. Sasa より:

    ドコモーP902iでーす

  19. pike より:

    見えます。書けたかな?

  20. pike より:

    ごめん、うまく環境書けてなかった。

    DoCoMo prosolid(P213i)

Message

メールアドレスが公開されることはありません。

google

Macでwindows用外付けキーボードを快適に使う設定方法

Macユーザーもだいぶ増えてきましたが、仕事ではwindows、家では

surfaceが電源ボタンを押しても電源がつかない時

タブレットにもなる薄型ノートパソコンとして非常に人気のあるMicros

no image
Surface+外部ディスプレイでの文字化けを解消する方法

microsoftから発売されているタブレット型WindowsのSur

Amazonプライムフォトをバックアップ先に変更

Amazonプライムフォトはご存知でしょうか? なんとA

no image
Bitcasaが完全な有料化となりました。

当初容量無制限という鳴り物入りでクラウドサービスを提供したBitcas

→もっと見る

PAGE TOP ↑