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

画像が表示されない

Wordpressで、個別記事では画像が表示されるのに、トップページやアーカイブページでは画像が表示

記事を読む

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

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

記事を読む

WordPressにパンくず機能を追加できるBreadcrumb Navigation XT

表示されているページがサイトマップ上でどこの位置なのかを分かりやすくするいわゆるパンくずリスト機能を

記事を読む

no image

検索語句をハイライト表示出来るSearch Word Highlight for Multibyte

サーチエンジンから WordPress サイトに飛んできた際に、サーチエンジンでの検索語をサイト上で

記事を読む

no image

Conditional Tagを使って思い通りに表示させる方法

トップページのみに表示したい場合や、個別記事のみに表示させたい場合は、下記のタグで囲えば出来ます。

記事を読む

no image

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

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

記事を読む

no image

wordpressテンプレートのダウンロード時は注意

Wordpressのデザインテンプレートが無料で多く配布されていますが、その配布サイトの中でも有名な

記事を読む

no image

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

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

記事を読む

WordPress2.04から2.12にアップグレードしました

当サイトで使用しているオープンソースのCMSシステムWordpressのバージョンを2.04

記事を読む

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

no image
ロジクールのトラックボールm570tがオススメ

親指でボールを転がす事でカーソル移動させるマウスの変形版、トラックボー

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑