blog.hakozu.me

携帯電話への表示対応 [WordPress]

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

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 での表示はどうなのでしょうか。

関連しそうな商品

関連しそうな記事

コメント