QLOOKアクセス解析
Home » WordPress, WordPress ケータイ・スマホ, WordPress プラグイン

サイトを簡単にケータイ端末表示対応にさせる、プラグイン「Ktai Style」

2011年4月10日 592 views No Comment

wordpress_ktaistyle00

「Ktai Style」は、WordPressで作成したサイトを簡単にケータイ端末で表示できるように最適化してくれるプラグインです。通常、WordPressを使って作成されたサイトは、ケータイ端末では意図したとおりに表示できません。しかし、このプラグインを有効化するだけで、ケータイサイトを構築したのと同じ状態にすることができます。ケータイは今やPCに勝るとも劣らない主力のアクセス端末のひとつです。抜かりなく導入しておきましょう。

 

 

◆「Ktai style」のインストール

「プラグイン」>「新規追加」をクリック。

wordpress_ktaistyle01_1

検索で「Ktai style」と入力し「プラグインの検索」ボタンをクリック。

wordpress_ktaistyle02_1

「Ktai style」の「詳細」をクリック。

wordpress_ktaistyle03_1

「いますぐインストール」ボタンをクリック。

wordpress_ktaistyle04_1

「Screenshots」タブをクリックすると、プラグインを視覚的に確認できます。

wordpress_ktaistyle04_2

「Ktai style」の「プラグインを有効化」をクリック。

wordpress_ktaistyle05_1

wordpress_ktaistyle05_2

有効化すると、ダッシュボードのサイドバーに「携帯表示」の項目が追加されます。続けて「Ktai style」を設定していきましょう。

 

 

◆「Ktai style」の設定方法

「携帯表示」>「動作」をクリック。

wordpress_ktaistyle06_1

絵文字入力、コメントバック、ピンバック、端末情報取得などについての設定ができます。絵文字対応サイトを希望するなら「コメントフォームや投稿内容での絵文字入力」を許すにしておきましょう。

「携帯表示」>「テーマ」をクリック。

wordpress_ktaistyle07_1

標準インストールされているテーマは全6種。サイトイメージにあうテーマを有効化しましょう。また、テーマをインストールすることもできます。詳しくは「WordPress Plugins/JSeries » Ktai Style (携帯対応プラグイン)」でどうぞ。

wordpress_ktaistyle07_2

ケータイキャリア別にテーマを変更することができます。実に細かな配慮です。プラグイン「WPtouch」を利用する方は iPhone, Andoroid用 を「Ktai Styleを使わない」を選択しましょう。

「携帯表示」>「色と表示」をクリック。

wordpress_ktaistyle08_1

文字色や日時書式を自分好みに設定できます。テーマは完成されたものですので、特に触ることもないでしょう。

 

 

◆「Ktai style」の実装確認

ケータイ端末を用いて自身のサイトがどのように表示されるか確認してみましょう。

wordpress_ktaistyle09_1

URLはPC用アドレスと変わらずで、内容だけがケータイ端末用に自動変換されます。PCを用いた「モバイルサイトビューワ」では閲覧出来ない場合があります(「gooモバイルサイトビューワ」では確認不能×、Firefox携帯電話シミュレーター「FireMobileSimulator」では確認可○)ので、実際のケータイ端末で表示確認しましょう。

関連記事 : サイトを簡単にiPhoneなどのスマートフォン端末表示対応にさせる、プラグイン「WPtouch」

公式サイト : 「WordPress Plugins/JSeries » Ktai Style (携帯対応プラグイン)」

◆ Similar Posts

Leave a comment!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.