サイトを携帯電話に対応させるプラグイン Ktai Style
Ktai Style は、フルブラウザの表示に対応していない古い携帯電話でサイトのURLにアクセスがあった時に携帯電話用の小さい画面に対応したサイト表示をしてくれるプラグインです。
iphoneなどのスマートフォンではなく、古い携帯電話などに付属したフルブラウザ未対応の簡易ネット機能で表示されるページを自動生成するなどに、このKtai Style はおすすめです。
iphoneなどのスマートフォンでのサイトには、WPtouchというプラグインがおすすめです。
両方、簡単な設定をするだけで導入でき、両者を共存させられますので、
ぜひ2つとも導入していきましょう。
古い携帯電話やスマートフォンでのサイトの表示について
プラグインを導入する前に、簡単に古い携帯電話やスマートフォンでは、サイトがどのように表示されるのか説明いたします。
古い携帯電話では、標準の設定ではCSSは読み込まれない状態で表示されます。
また、javascriptなども動作しないと思っていてください。
HTMLタグだけで表示されると思っておくと良いと思います。画像は携帯で表示できるサイズに縮小されます。
iphoneなどのスマホでは、普通のPCなどと同じモノが表示されます。ただ画面が小さいので、そのままの表示の場合 頻繁なスクロールが必要になり、ユーザビリティ（使いやすさ）が悪いです。
Ktai Style の導入
それでは実際に使ってみましょう。Ktai Styleをインストールして「有効化」しましょう。
基本的には、コレだけである程度 対応できますが、スマホ用のプラグインのWPtouchやページキャッシュ系のプラグイン（Quick Cache、WP Super Cache）と一緒に利用する場合には、設定を整える必要があります。
スマホ用のプラグインのWPtouch と併用する時の設定
スマホ用のプラグインのWPtouch と併用する時は、iPhone, Android などのスマホ端末からサイトにアクセスがあった時、Ktai Styleで自動生成されたページを表示しないように設定する必要があります。設定の仕方は、管理画面メニューの「携帯表示」「テーマ」で表示される携帯電話用テーマの設定管理の電話キャリア別テーマの項目の、iPhone, Android 用の設定を変更します。
このように、スマホの機種にはプラグインを使用しないようにします。
設定を変更しましたら、「変更を保存」してください。このようにすることで、スマホなどの機種からアクセスがあった場合にKtai Style のプラグインが自動変換したページにいかなくなります。
ページキャッシュ系のプラグイン（Quick Cache、WP Super Cache）と一緒に利用する場合
ページキャッシュ系のプラグインは、「有効」にしていると、各ページにアクセスされた時に自動的にキャッシュされたページを表示することで高速表示してくれる便利なプラグインです。
しかし標準の設定だと、どんなネット端末からのアクセスも区別しませんので、携帯やスマホにもキャッシュ表示しようとしてしまいます。
このためKtai StyleとWPtouch を利用する場合、キャッシュプラグインの除外設定を利用して携帯やスマホからのアクセスに対してはキャッシュを利用しないようにする必要があります。
■ Quick Cache の場合
「No-Cache User-Agent Patterns」というオプションに除外する機種を追加していきます。
上の赤枠で囲んだテキストボックス部分に追加しましょう。
Quick Cache の「No-Cache User-Agent Patterns」のオプション部分に除外機種を追加します。
以下の記述を貼り付けてください。
w3c_validator Android CUPCAKE Googlebot-Mobile bada blackberry 9800 blackberry9500 blackberry9520 blackberry9530 blackberry9550 dream iPhone iPod incognito s8000 webOS webmate DDIPOCKET DoCoMo Huawei J-EMULATOR J-PHONE KDDI- MOT- MOTEMULATOR- Nintendo Nitro Nokia PDA PalmOS SL- SONY/COM SoftBank UP.Browser Vodafone WILLCOM emobile emulator iPhone mixi-mobile-converter
■ WP Super Cache の場合
「WP Super Cache設定」の画面に入り、「詳細」タブをクリック。
ページ下部にある「除外するユーザーエージェント」に除外したい機種を記入します。
WP Super Cache の「除外するユーザーエージェント」の部分に除外機種を追加します。
Quick Cache と同じように以下の記述を貼り付けてください。
「UA文字列を保存」ボタンをクリックすれば登録されます。
w3c_validator Android CUPCAKE Googlebot-Mobile bada blackberry 9800 blackberry9500 blackberry9520 blackberry9530 blackberry9550 dream iPhone iPod incognito s8000 webOS webmate DDIPOCKET DoCoMo Huawei J-EMULATOR J-PHONE KDDI- MOT- MOTEMULATOR- Nintendo Nitro Nokia PDA PalmOS SL- SONY/COM SoftBank UP.Browser Vodafone WILLCOM emobile emulator iPhone mixi-mobile-converter
以上で設定は終了です。正常に動作するようになります。
Ktai Styleを利用するにあたって
基本的にKtai Style は、WPtouchと一緒に導入するようにしましょう。
WPtouch をメインに設定していく考え方で良いと思います。というのも、実際に導入してみると
携帯電話からのアクセスは、ほとんどないからです。現在のモバイル端末のアクセスは、スマホが中心ですのであくまで一応、対応しているという程度の認識でいましょう。
この記事へのコメント
【コメントの投稿の仕方について】
このサイトでは、「Disqus」と呼ばれるコメント機能を使っています。
ツイッターやフェイスブックなどにアカウントをお持ちの方は、ログインすることで
自分の各プロフィールでコメントすることが出来ます。
なんのアカウントもない人もメールアドレスさえ入力すればコメントできます。
（入力したメアドはコメント投稿には表示されません。）
また、コメント欄には画像を張ることも出来ます。
なにか書いていただけると管理人が嬉しがります。