Yuriko.Net 個別記事

2009-01-22
雨

携帯対応プラグイン Ktai Style バージョン 1.60 リリース

Ktai Style 1.60 サンプル画面

絵文字対応の WordPress 携帯対応プラグイン「Ktai Style」の安定版バージョン 1.60 をリリースいたしました。1.47 からの変更点は次の通りです。

  • 画像をインライン表示しているとき、元画像のサイズが 50KB 以下ならば元画像へのリンクを携帯用サムネール画像に直接付与するようにしました。それ以上のサイズの場合は、従来通り、画像の後ろに「元画像 (xxxKB)」というテキストリンクになります。
  • Flickr の画像はサムネールサイズ (75×100 または 100×75) の画像をインライン表示するようにしました。(すべての画像がリンクになる mova, ソフトバンク PDC を除く)
  • ドコモ FOMA, EZweb, ソフトバンク 3G での1ページ当たりの HTML サイズを約20KBに増量しました。分割せずに見られる範囲が広がっています。
  • 「携帯表示」の日時指定の仕様を変更し、「去年以前の日時」「今年の日時」で時刻部分を含めた書式を指定することにしました。これにより、「年月日を表示するときは時刻を省略する」といったカスタマイズが可能です。
  • 最新コメントの表示で、投稿者やピン送信元サイト名と、日時の表示を入れ替えて、日時の方に各コメントへのリンクを張るようにしました。
  • ログインせずゲストとしてコメント投稿したとき、クッキー対応の携帯電話の場合は、端末のクッキーに名前・メールアドレス・ウェブURLを保存するようにしました。
  • コメント投稿した後、投稿ページではなくコメント一覧表示に移動するようにしました。
  • WordPress 2.7 で導入された、コメント表示の入れ子表示・ページ分割に対応しました。
  • パスワード保護された投稿に付く絵文字を鍵マークに、非公開投稿に付く絵文字をマル秘にしました (従来は逆になっていました)。
  • Redportal テーマで、コメントの並び順を最新順/古い順で切り替えできるようにしました。また、「携帯表示」環境設定におけるコメントとトラックバック・ピンバックを混在する設定を反映するようにしました。さらに、コメント・また、EUC-JP 環境でも文字化けせず表示できるようになりました。
  • アメーバブログは、携帯電話の実機からは PC 向けアドレスでの閲覧で携帯向け表示に対応していたため、中継ページを出さないように修正しました。
  • 外部サイト接続確認ページを、redir.php というテンプレートで記述できるようにしました。従来は redir 独自フィルターフックを使って表示内容を書き換え可能でしたが、より柔軟なカスタマイズが可能です。
  • サーバー自体のタイムゾーン設定と、WordPress の一般設定で指定したタイムゾーンが一致していない場合に、今年かどうか、今日かどうかの判断がおかしかった不具合を修正しました (昨日の日時なのに時刻だけ表示してしまった etc)。
  • WordPress 2.6 以降で、wp-content ディレクトリーもしくは plugins ディレクトリーを標準の位置以外に移動している場合、ktai_style ディレクトリーに書き込み権限を与えておけば、プラグインの有効化時に、自動的に移設場所を検知するようになりました。
  • WordPress 2.7 において、携帯管理画面で英語表示が残っていたのを修正しました。
  • 管理機能を一新しました。
    • 利用できる WordPress バージョンを 2.5 以降としました。2.3.x 以前では管理機能が使えなくなりました。
    • 投稿の公開ステータスを変更できるようにしました。
    • 投稿者権限のユーザーが投稿作成したとき「レビュー待ちとして送信」ができるようにしました。
    • ページ編集・ページ作成に対応しました。
    • コメントの一括操作 (一括承認や一括削除など) をできるようにしました。
    • コメントの種類 (コメント/トラックバックとピンバック) で仕分けできるようにしました。
    • スパムに判定されたコメントを一覧できるようにしました。
  • 次の独自フィルターフックを追加しました: thumbnail_max_size, direct_link_image_size, mobile_search_ip
  • 次のテンプレートタグを追加しました: ks_cookie_available(), ks_get_time(), ks_get_mod_time(), ks_get_comment_datetime(), ks_get_ordered_link(), ks_get_comment_link(), ks_separate_comments()
ダウンロード: ktai_style160.zip (477.4 KB)
もっと新しいバージョンが出ています。

今回は、WordPress 2.7 対応と管理機構の一新がメインですが、それ以外にも細々とした改良を行なっています。コメントの入れ子 (スレッド) 表示およびページ分割が可能です。管理機構は、従来 WordPress 2.3 の機能をベースにしていましたが、画面デザインを 2.7 に準拠したものに刷新しました。

これに伴ない、携帯テーマのコードが多少変更されています。自作テーマを作成されている方は、附属テーマを参考にして修正をお願いします。

あと、日付書式の設定で、「時刻を入れたいときは明示的に指定する」ことが必須となりました。従来は、「去年の日付」「今年の日付」では時刻が強制的に付与されていましたが、今バージョンから、時刻を示すフォーマット文字を入れないことで、時刻を消すことが可能となっています。

携帯の画面サンプルは、Mac 版 Firefox に FireMobileSimulator を入れて画面キャプチャーしたものを使ってみました。Windows を起動しなくていいのが楽ですが、長い文字列の折り返しが不自然だったり、フォーム部品がはみだすことがある (Firefox 自体の問題?) のが難点ですね。

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

  1. Ktai Style 1.60 を使用してみた

    というわけで、WordPressの携帯対応プラグインである『Ktai Style バージョン1.60』を使用してみました。外部サイト接続確認ページのテンプレート化など、色々と欲しい機能が増えていたので…

    かるた無病息災からのトラックバック
  2. [...] 『Yuriko.Net » 携帯対応プラグイン Ktai Style バージョン 1.60 リリース』と言うことで、愛用させていただいているWordPressの携帯対応プラグインがメジャーアップデートして、今回正式版に [...]

  3. さっきまで1.44を使っていましたが、1.60にアップデートさせて頂きました。
    で、1.44では、サイズの大きな画像はリンクがグレーになっていて元の画像が表示できないようになっていたような気がするのですが、その辺の仕様も変更になったのでしょうか?
    間違って大きいファイルをダウンロードしてしまうかも知れないので、サイズの大きい画像は前の方が良かったような・・・。
    50K以下なら元画像からのリンクで100K以下は「元画像 (xxxKB)」というテキストリンクで、それを超えるときはサイズ表示のみでリンクはしない・・・とかがいいな、とか言ってみる。(^^;

    mikoからのコメント
    • 1.44では、サイズの大きな画像はリンクがグレーになっていて元の画像が表示できないようになっていたような気がするのですが、その辺の仕様も変更になったのでしょうか?

      大丈夫です。ローカル画像に対しては、その辺の仕様は変えていません。たとえば、この投稿に貼られている Ktai Style サンプル画像は、元画像が 108KB ありますが、ドコモ FOMA では「元画像 (108KB)」のリンクがグレーになります。au の場合、128KB ぐらいが上限らしく、元画像をダウンロードできてしまいます。

      なお、今回サポートされた Flickr 画像の場合、画像に対して大きい画像 (長辺が500ピクセルとか) をリンクしている場合、リンク先としてはそれがそのまま残ってしまいます。このへんは、注意が必要かもしれません。

  4. 携帯対応プラグイン Ktai Style バージョン 1.60 リリース

    http://www.yuriko.net/cat/wordpress/
    ゆりこさん。ありがとうございます。
    さっそく使用させて頂きます。

  5. [...] Ktai Style 1.60:正式版がリリースされました。 [...]

  6. [...] Ktai Style 1.60 もリリースして一段落したので、当面は携帯テーマを作成することに注力したいと思います。Ktai Style 附属のテーマは、ユーザビリティー (閲覧のしやすさや使いやすさ) を主 [...]

  7. いつも KtaiStyleを使わせていただいております。
    1.60にアップグレードしたのですが、Flickrからの画像が表示されません。
    プラグインが原因かと思い、すべてのプラグインをOFFにしたりもしたのですが、改善されませんでした。
    改善する方法がありましたら、お教えいただけますでしょうか?

    お手数をおかけいたしますが、よろしくお願いいたします。
    http://kuma-kigurumi.breakarea.com/

    くまからのコメント
    • 1.60にアップグレードしたのですが、Flickrからの画像が表示されません。

      shrinkage.php に問題があって、medium サイズ以外ではうまく表示されないようになっていました。
      624 行目を以下のようにしてみてください。

      return preg_replace('!(/\d+_[0-9a-z]+)(_[stmb])?(\.jpg)$!', '$1_t$3', $img_src);
      • ありがとうございます。
        無事に画像が表示されるようになりました。

        更にご質問させて下さい。
        表示されるようになった、Flickrの画像を携帯からクリックすると、Flickrのその写真のページが表示されると思います。
        しかし、携帯からは見ることが出来ず、「最大サイズを超えたので中断しました」と表示されます。

        携帯からでも多少大きな写真を見るように出来る方法は御座いますでしょうか?
        もし何か方法がありましたら、アドバイス頂ければ幸いです。
        お手数をおかけいたしますが、よろしくお願いいたします。

        くまからのコメント
        • 表示されるようになった、Flickrの画像を携帯からクリックすると、Flickrのその写真のページが表示されると思います。
          しかし、携帯からは見ることが出来ず、「最大サイズを超えたので中断しました」と表示されます。

          そこはメチャメチャ悩んだところです。本来は Flickr が携帯対応すべきだと考えてそのままリンクしてしまっていますが、それでは「表示できない」という問題が出ることも事実です。

          とりあえず、Small サイズ (180×240, 240×180) 画像への直リンクに変換することを検討してみます。これですと 30KB 弱のサイズになるので、携帯電話でも閲覧できるはずですから。

  8. 初めまして!
    1.61beta1使わせて頂きました。
    monolithが気に入ってしまいました。
    ケータイ大喜利、がんばってください。
    (私も何回か投稿しましたが、採用されず。。。)

    • monolithが気に入ってしまいました。

      感想ありがとうございます。今回の意見を参考に、1.61 正式版では新テーマ3種を同梱することに決めました。

      ケータイ大喜利、がんばってください。

      残念ながら2月7日深夜もダメでした。次回から入れ替え戦なのでがんばらないと!!

      ゆりこからのコメント
  9. Ktai Style 導入

    携帯電話からもblogを見ることができるように「Ktai Style」を導入しました。
    導入は難しくなく、解凍したファイルをフォルダ毎、pluginフォルダに放り込んで
    管理画面からプラグインを有…

    Twilightからのトラックバック
  10. こんにちわ。
    wordpress初心者です。
    エラーが出てしまうのですが、どうしてなんでしょうか?

    Parse error: parse error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in
    public_html/wp-content/plugins/ktai_style/ktai_style.php on line 76

    ちなみにWordpress2.7です。

    hohohoからのコメント
    • Parse error: parse error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or ‘}’ in
      public_html/wp-content/plugins/ktai_style/ktai_style.php on line 76

      サーバーの PHP バージョンが低いため、PHP の構文エラーが出てしまった状態です。Ktai Style は PHP 5.0 以降を必要としますが、お使いのサーバーはまだ PHP 4.x のようです。レンタルサーバー等の場合、利用する PHP のバージョンを選べる場合があるので、PHP 5 系統を選択してみてください。PHP の選択が無理ならば、PHP5 が使える他のサーバーに移転するか、利用中のサーバーで PHP 5 が導入されるまで我慢してみてください。
      自宅サーバーや組織内のサーバーの場合、管理者に相談するなどして PHP を 5.2.8 にバージョンアップしてもらってください。

      ゆりこからのコメント
      • ありがとうございました。
        サーバー管理者に確認したところ、PHP5.0.22で今のところ上位へのアップグレードは考えていないとの事でした。
        残念ですが、気長に待つようにします。

        hohohoからのコメント
        • PHP5.0.22で

          変ですね。PHP に「5.0.22」というバージョンは存在しません。これは MySQL か何かのバージョンだと思います。とりあえず、PHP のバージョンアップが検討されてないとすると、それは残念ですね。

          ゆりこからのコメント
  11. ☆ロックなひろぶ☆五変化な生活
    WordPressにて構築し始めたので
    携帯対応したいと思い、早速利用させて頂きました。

    がっ・・・・動作しないので、PHPのバージョンを確認したところ
    ver.4.4.2でした(・_・;)

    残念!

    別のレンタルサーバ(もちろんPHP5)を使う時には、また利用させて下さい。

    • レンタルサーバのPHPが
      PHP5へとアップ完了しましたので
      本日、無事にKtai Styleを起動して、使わせて頂きました♪

      MobileEye+ v1.3.0の件では、色々とありがとうございました。
      これからも宜しくお願い致します。

      • PHP が 5 になったのはよいことですね。Ktai Style は Mobile Eye+ よりも使いやすく、何より、携帯サイトのデザイン自由度が高いと思いますので、余力があれば、オリジナルの携帯テーマを作られてもよいかと思います。今後もよろしくお願いします。

  12. wordpress2.7 + ktai style 1.60 で運用中ですが、行頭/(スラッシュ)が
    保存された投稿を編集する際のtextareaにechoするところで欠落するようです。
    # 行頭でなければ問題が無いようです

    一度確認して頂けませんでしょうか?
    お手数をおかけしますが、宜しくお願いします。

    ディーからのコメント
    • wordpress2.7 + ktai style 1.60 で運用中ですが、行頭/(スラッシュ)が
      保存された投稿を編集する際のtextareaにechoするところで欠落するようです。

      ごめんなさい。意味がよく分かりません。携帯電話でログインして投稿を編集するとき、行頭にスラッシュ (/) 記号があったとき、それが欠落して textarea に表示されてしまう、という意味でしょうか?

      参考までに、携帯電話の機種名と PHP のバージョンを教えてください。

      • わかりにくい説明ですいません。
        たとえば、PHPソースを貼付けた投稿を作成&保存したとして、いわゆるコメント行の
        // コメント
        と書いたものが、手直ししようと下書きから開いた編集画面のtextareaで
        / コメント
        というように「/」が一つ無くなります。

        手元の携帯はSBの921SHで、FireFoxのアドオンで試してみましたが同じでした。
        PHPのバージョンは5なのは間違いないんですが、ちょっと確認できる状況では
        なくなってしまったので後ほど連絡します。

        ご迷惑をおかけしますが宜しくお願いします

        ディーからのコメント
        • たとえば、PHPソースを貼付けた投稿を作成&保存したとして、いわゆるコメント行の
          // コメント
          と書いたものが、手直ししようと下書きから開いた編集画面のtextareaで
          / コメント
          というように「/」が一つ無くなります。

          なるほど。現象が確認できました。1行目の行頭では発生せず、2行目以降でのみ発生するようです。詳しく調査して、発生箇所が判明しましたので、次期バージョン (1.61) で修正する予定です。サーバー環境によっては、単なる閲覧時にも発生する可能性がある不具合でした。ご報告ありがとうございました。

          • 素早い対応ありがとうございます。
            携帯から書く方がどうかと思いますが、サンプルコードを携帯から書くことがあるので助かります。
            とりあえずスペースを入れるなりで回避しつつ対応版のリリースを待とうと思います。

            風邪などひかないよう体に気をつけつつ開発頑張ってください。
            それでは、1.61を楽しみに待ってます。

            ディーからのコメント
            • 1.61 は今週中にリリース予定ですが、急いで直す必要があれば、operators/services.php の 1893 行付近を以下のように修正すればよいです。

              $buffer = str_replace("\r\n/", "\n", $buffer);

              $buffer = str_replace("\r\n", "\n", $buffer);

              改行コードを LF に強制するコードのはずが、なぜかスラッシュを含めて除去するようになっていました。おそらく preg_match() 用に書いたコードを str_replace() に変更したときに正規表現を囲む記号を消し忘れたのだと思います。

  13. パソコン小技ブログにコメントいただきましたSAIと申します。

    ご報告が遅くなりまして申し訳ありません。
    Ktai Styleを利用させていただき、ありがとうございます。

    携帯用に成形された?画面を見たときは、ちょっと感動しました。

    コメントいただいた件ですが、恥ずかしながら、今さっきコメントに気づきました(^^;

    今回は、コメントを見る前に別件にて解決しておりますのでご報告いたします。
    (コメントいただいた件は勉強になりました。ありがとうございます)

    私は通常Operaというブラウザを使っているのですが、
    それで取得したアドセンスコードには改行など入っていない感じだったんですね。
    文字がばーっと並んでいて、ところどころ空白が入っているような感じです。
    それで、試しにIEでコードを取得して貼りつけたら、
    携帯でもアドセンス広告が表示されました(ソフトバンクにて確認)

    以上、お礼とご報告まで。
    PHPって何? というレベルの者より。

    • わざわざ訪問ありがとうございます。コメント先投稿がミスってるぽいので、適当に移動させて頂きました。

      トラブル事象は解決しているようで何よりです。WordPress のテーマ改造をするには PHP を知っていないとなかなか困難なので、少しずつ勉強されることをおすすめします。とりあえず、if 文とか foreach ループとかの制御構造が分かれば、かなりテーマの中身が分かると思います。

  14. ktai styleで
    http://exsample.com/tag?=昭和+平成
    のような(タグを二つ指定する)URIを含むページを表示すると
    http://exsample.com/tag?=和+平成
    と先頭の一文字が削除されてしまいます。

    ktai style 1.6, wordpress 2.7, テーマはデフォルトです。

    aritaからのコメント
    • arita さん:

      http://exsample.com/tag?=和+平成
      と先頭の一文字が削除されてしまいます。

      手元では現象が再現できませんでした。もう少し詳しい状況を教えてください。いきなりその URL を指定しての閲覧なのか、その URL へのハイパーリンクをクリックしての移動時でしょうか?

      携帯電話の機種は何でしょう? もしくは Firefox や携帯シミュレーター等での検証でしょうか (URL が見えているということは、少なくとも EZweb ではないと思いますが)

      ちょっとクエリーが変なんですが、「?tag=昭和+平成」ではどうですか? あと、HTML として記載するときは、+ 記号をエンコードして %2B としないと、スペースに変換されてしまい、「昭和 平成」という5文字のタグ1つとして認識されてしまいますが、そのへんは大丈夫ですか?

      あと、URL の例示は「example.com」が正解です。「exsample.com」はちょっとおしいですね。

      • お返事ありがとうございます。
        クリエーの書き間違えに、exsample.com のタイポと申し訳ないです。

        教えていただいた %2B を使い、クリエーをスラッグ%2Bスラッグに
        したところ問題なく表示できるようになりました。

        携帯はAuです。
        URLは、”お気に入りに登録”の画面で確認しました。

        下記のようなリンクの並んでいるページを表示し、リンクをクリックすると、
        タグがみつかりませんでしたと表示される状態でした(PCからは問題ありませんでした)。
        <a href=”http://example.com/?tag=昭和+平成”>昭和+平成
        <a href=”http://example.com/?tag=昭和+あれ”>昭和+あれ

        その”タグが見つかりませんでした”のページをお気に入りに登録しURLを確認すると、
        クリエーのタグの部分がおかしくなったものが表示されていました。

        aritaからのコメント
        • 教えていただいた %2B を使い、クリエーをスラッグ%2Bスラッグにしたところ問題なく表示できるようになりました。

          それはよかったです。あと「クリエー」じゃなくて「クエリー」(query) ですよーー。こういう専門用語は間違えやすいので、原語とともに覚えるとスペルミスを減らせると思います。

          下記のようなリンクの並んでいるページを表示し、リンクをクリックすると、
          タグがみつかりませんでしたと表示される状態でした(PCからは問題ありませんでした)。
          <a href=”http://example.com/?tag=昭和+平成”>昭和+平成
          <a href=”http://example.com/?tag=昭和+あれ”>昭和+あれ

          PC 向けブラウザーの場合、URL の日本語部分を適切に URL エンコードしてくれるので動作します。携帯の場合、日本語の URL にきちんと対応していないことが多いので、不具合が出てしまうと思います。

          あと、EZweb (au) の場合「お気に入り登録」しても、URL の確認ができるとは限りません。自サイトの場合は大丈夫だと思いますが、一般的には、サイト運営者が任意に設定した URL が表示されることに留意する必要があります。詳細は「EZwebブラウザの「お気に入り登録」は偽サイトを見分ける手段にならない (takagi-hiromitsu.jp)」および「EZwebで表示中のページのURLを確認する方法はありますか? (kddi.com)」を参照してください。

  15. WP-SuperCacheとKtai Style

    WordPressのプラグインの中でもとにかくやたらと競合しまくるWP-SuperCache。
    キャッシュするという性質上、いろんなプラグインと競合するのは仕方がない部分ではある。
    一方、精力的に更新…

    OpenMediaLaboratoryからのトラックバック

上に戻る

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

コメント投稿

※発言の責任を明確にするため「名無し」「通りすがり」「匿名希望」等の匿名は不可とします。捨てハンドルでもいいので必ず名乗ってください。
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=""> .
※スパム対策プラグインの影響により、すぐにコメント内容が表示されない場合があります。お手数ですが、半日ほど待ってみてください。

上に戻る