Yuriko.Net 個別記事

2009-02-09
晴れ

iPhone/iPod touch 風携帯テーマ

ゆりこ による 20:18:33 の投稿
カテゴリー: WordPressハック
タグ: ,

EZweb での表示 ドコモでの表示 ウィルコムでの表示

Telmina さんからヒントを頂いて制作していた、iPhone/iPod touch 風の携帯テーマ (名前は iPotch の予定) が、ほぼ形になりました。端末の制約により、ドコモおよびウィルコムでは期待通りになりません。左から、EZweb の画面、ドコモ FOMA の画面、ウィルコムの画面です (ただし、FireMobileSimulator での表示)。EZweb は意図した通りの画面です (端末によっては太字が再現されません)。さすがに、iPhone + WPtouch のように、角丸の枠とか、カレンダー風の日付表示はできませんでした。画像と文字の重ね合わせが無理なので、やるとすれば 366日分のカレンダー画像を準備(!)しなければなりません。ドコモでは、スタイルシートで margin, padding, border が使えないので、「背景に枠を浮かせる」デザインができず、画面の左右端まで白い部分が広がります。ウィルコムは携帯モードではスタイルシートが使えないので、背景全面がピンストライプになってしまいます。ここでは見えていませんが、画面下部のメニュー部分は字だけ白くなってて悲惨です ;-)

まだ製作中で、かつ、Ktai Style の開発中バージョンが必要なため、すぐの配布はできません。1.61 正式版のリリース時にこのテーマも公開を予定しています。

今回のテーマ制作にあたって、またも Ktai Style 自体の機能増強を行いました。携帯テーマでも PHP がそのまま使えるので、力技を使えばテーマ側のコーディングだけでも実現可能ですが、多くの人がテーマ制作しやすいよう、機能アップを図ることにしています。今回は、コメント数が0などのとき、コメント数表示自体を隠せる機能、コメント数表示に HTML を書けるようにする仕様変更を行っています。後者は、XSS 脆弱性の元になりかねないので、テーマ製作者のみなさんは要注意です。

あと、従来は EZweb 端末でフォントサイズが小さくならなかった不具合を改善しています。EZweb では <font size=”-1″> とか <span style=”font-size:smaller”> の指定が効かないのが理由でした (+1 や bigger も同様)。代わりに <small> や <span style=”font-size:small”> を使えばフォントサイズを変えられます (端末によっては不可能)。そこで、テーマファイルに <font size=”-1″> があれば <small> ないし <span style=”font-size:small”> に書き換えるようにしました (+1 のときは big)。逆に、ドコモでは <small> が使えないので、テーマファイルにそれがあれば <font size=”-1″> とかに書き換えています。注意点として、Ktai Style の実装上、font タグが入れ子になっているとうまく動かないため、big/small タグと font color の指定を入れ子にするのも避けなければなりません。両方を指定したいならば、<font size=”-1″ color=”red> のように、1つの font 要素にまとめることを推奨します。

トラックバック・コメント »

  1. 【WordPress】「Ktai Style」用テーマ制作中とのこと

     なんと、WordPress向け携帯表示プラグイン「Ktai Style」作者のゆりこさんの手により、「Ktai Style」用の iPhone / iPod touch ふうテーマが作成されているとのことです。

    関連記事
    iPhone/iPod touch …

    Telmina Ⅱからのトラックバック

上に戻る

※スパム対策プラグインの影響により、すぐにトラックバックが反映されない場合があります。お手数ですが、半日ほど待ってみてください。

コメント投稿

※発言の責任を明確にするため「名無し」「通りすがり」「匿名希望」等の匿名は不可とします。捨てハンドルでもいいので必ず名乗ってください。
XHTML (使えるタグ): <a href="" title="" ktai=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt=""> .
※スパム対策プラグインの影響により、すぐにコメント内容が表示されない場合があります。お手数ですが、半日ほど待ってみてください。

上に戻る