2010 年 10 月 21 日 に投稿されました。内容が現状と相違がある点等にご注意願います。
2014 年以前の画像の一部、スクリーンショットは表示されません。ご了承ください。

携帯電話への表示対応

デザインにかかわる仕事をしていたころは、携帯電話向けのデザインをすることがあまり好きではなく…、今でも好きではないので、プラグインで簡単に対応。このブログに関しては一切デザインをせずに済みそう。

Ktai Style

ウェブサイト: Ktai Style
難しいことは一切なく、インストール、有効化後には携帯電話にて表示可能となる。
テーマは数種類用意されており、今回は「Green」というテーマを元に Mac、PC での表示時と配色のみそろえることにした。

テーマに関するファイルは以下のディレクトリに格納されている。

/wp/wp-content/plugins/ktai-style/theme/green

携帯電話向けなので、style.css には記述されていない。それぞれの php ファイルにある記述を書き換える。
配色のみの変更と思ったが、表示を調整している最中に先日追加した「mixi チェック」ボタンのことが頭をよぎったので、 携帯電話版にも追加。
追加方法は「投稿: ソーシャルサービスのボタンの追加 (mixi チェック)」とほぼ同じだが、技術仕様下部にある「mixi チェックボタンの設置 (モバイル向け)」にあるコードを挿入。
編集時に「mixiチェック」が「mixi」と 2 バイト文字が表示されない状況になったが、文字コードが何らかの理由で変更されたことが原因だった。UTF-8 にて保存することで表示される。
既にスマートフォンでの表示にも対応しているが、次回。

追記 (2010.12.11)

テーマの編集に関してだが、用意されているテーマを編集した場合、プラグインのアップデート時に上書きされてしまう。/wp/wp-content/ 内に ktai-themes という名称のディレクトリを用意し、その中に編集したテーマファイルを格納。

追記 (2010.10.22)

スマートフォン (iPhone) への表示対応は WPtouch を使用したが、設定を行ったのみなので省略。機能やテンプレートを充実させた WPtouch 2.0 Pro (BraveNewCode Inc.) もある。Android での表示はどうなのだろうか。

先頭に戻る