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