サポート » プラグイン » Ktai Styleでimg要素のstyle属性が消える

  • はじめまして。
    Ktai Styleを使っています。

    早速質問なのですが、
    img要素に指定したstyle属性がケータイで見ると消えてしまいます。
    例えば、

    <img class="ktai" style="vertical-align:middle;float:left;margin:0 5px 5px 0;" src="画像のパス" alt="pic" />

    <img class="ktai" src="画像のパス" alt="pic" />

    になってしまいます。

    調べたところ、下記のようなものを見つけましたが
    どこにどう書いていいか分かりません。

    http://wppluginsj.sourceforge.jp/ktai_style/customize/

    allowedtags/ktai_style.php
    引数: $allowedtags
    ページ分割時に、使用を許可する XHTML タグの一覧をフィルターできます。デフォルトのタグ一覧は kses.php で定義していますので、追加したいタグを適宜修正してください。例えば、フィルター関数で
    $allowedtags[‘style’] = array();
    とすれば style 要素が使えるようになります。

    恐れ入りますが
    ご教授いただけますでしょうか?
    何卒宜しくお願い致します。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • デフォルトのタグ一覧は kses.php で定義していますので
    と、書いてありますけど・・・・

    以下のようになっているかと思うので
    ‘img’ => array(
    ‘alt’ => array(), ‘align’ => array(), ‘border’ => array(),
    ‘class’ => array(), ‘copyright’ => array(), ‘height’ => array(),
    ‘hspace’ => array(), ‘ktai’ => array(), ‘localsrc’ => array(),
    ‘src’ => array(‘type’ => ‘uri’), ‘title’ => array(),
    ‘vspace’ => array(), ‘width’ => array()
    ),

    , ‘style’ => array() とかを付け加えて

    ‘img’ => array(
    ‘alt’ => array(), ‘align’ => array(), ‘border’ => array(),
    ‘class’ => array(), ‘copyright’ => array(), ‘height’ => array(),
    ‘hspace’ => array(), ‘ktai’ => array(), ‘localsrc’ => array(),
    ‘src’ => array(‘type’ => ‘uri’), ‘title’ => array(),
    ‘vspace’ => array(), ‘width’ => array(), ‘style’ => array()
    ),

    こんな感じかな?試してませんけど。

    トピック投稿者 tt_style

    (@tt_style)

    kvexさま
    ありがとうございます。

    早速下記のコードを記述して反映させていただきました。
    ですが、style属性は消えてしまっているままです。

    たぶん、このコードに記述した属性が反映されるようになっているのかと思い、
    widthやtitleなどもHTMLの方に記述してみたのですが、
    ケータイで見ると消えてしまっているようです。

    'img' => array(
    'alt' => array(), 'align' => array(), 'border' => array(),
    'class' => array(), 'copyright' => array(), 'height' => array(),
    'hspace' => array(), 'ktai' => array(), 'localsrc' => array(),
    'src' => array('type' => 'uri'), 'title' => array(),
    'vspace' => array(), 'width' => array(), 'style' => array()
    ),

    これはどういったことが原因なのでしょうか?
    何度も申し訳ありませんが
    宜しくお願いいたします。

    モデレーター IKEDA Yuriko

    (@lilyfan)

    img 要素は Ktai Style 内部で再構成しており、src, alt 属性以外はすべて削除します。kses.php の指定は効かないです。よって style 属性が消えるのは「仕様」とさせてください。

    なお、style="vertical-align:middle;float:left;margin:0 5px 5px 0;" は、そもそも多くの携帯電話で効かない指定です。float は au (EZweb) で使えないですし、margin はドコモ旧機種 (iモードブラウザ1) で使えません。

    画像にスタイルシートを効かせたいならば、image_to_link 独自フィルターで調整する手がありますが、かなり難しい手法なので解説は割愛します。

    トピック投稿者 tt_style

    (@tt_style)

    lilyfanさま
    ありがとうございます。

    style 属性が消えるのは「仕様」なのですか。。

    下記のリンクを参考に「画像を左寄せにしてテキストをまわりこませる」
    といったことを実装したかったのですが、
    Ktai Styleを使った場合、不可能ということでしょうか?
    Tips 9. 画像の回り込み

    可能であればどういった方法があるのでしょうか?
    恐れ入りますが宜しくお願い致します。

    モデレーター IKEDA Yuriko

    (@lilyfan)

    可能であればどういった方法があるのでしょうか?
    恐れ入りますが宜しくお願い致します。

    早とちりせず、ちゃんと回答を読んでくださるようお願いします。すでに書いてあります通り「画像にスタイルシートを効かせたいならば、image_to_link 独自フィルターで調整する手」があります (詳細は後述)。

    Tips 9. 画像の回り込み

    ここに書いてある手法は、携帯 *専用* サイト用のものであり、Ktai Style のように PC・携帯両方に使うサイトでは、もう少し独特の手法が必要です。つまり、携帯テーマのテンプレートでは同じ手法が使えますが、本文側では使えないのです。で、今回は本文の画像要素でそういう手法を使おうとされたので「できない」ということになってしまいます。

    image_to_link フィルターというのは、Ktai Style による img 要素の再構築結果をユーザー独自の PHP 関数でいじる手法です。これを使えば如何ようにも修正できるので、廻り込みの記述もおそらく可能です。

    別途配付の Photolog テーマでは、フロントページにて画像の廻り込みを実現させています。これはテンプレートでの記述ですので、Ktai Style による img 要素再構築は行なわれず「書いたまま」表示されます。(ただし、画像は1枚のみに限定)

    あとは、caption ショートコードの動作を乗っ取って、携帯向けの廻り込み記述に変換する手もあります。これは今後の Ktai Style で実装できれば、と思います。

    トピック投稿者 tt_style

    (@tt_style)

    lilyfanさま
    先ほどは失礼致しました。
    また、何点かの解決法のご提示ありがとうございます。

    まだまだ分からないことだらけで
    苦戦するかと思いますが
    こちらを参考に実現できるよう進めていきたいと思います。

    後ほど進捗状況など書き込みさせていただきます。
    何卒宜しくお願い致します。

    トピック投稿者 tt_style

    (@tt_style)

    お世話になっております。

    functions.phpに下記のコードを記述したところ
    img要素にstyle属性が効いております。

    <?php
    function ks_img_use_css($image_html, $orig_html, $src) {
    	$image_html['style'] = array();
    }
    
    add_filter('image_to_link/ktai_style.php', 'ks_img_use_css' , 10,3);
    ?>

    phpがまったく分からないので
    記述的にどうなのか分かりません。
    ご報告までに、書き込みさせていただきました。

    また、お忙しいところ恐縮なのですが、
    間違いなど指摘していただけますと幸いです。
    何卒宜しくお願い致します。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「Ktai Styleでimg要素のstyle属性が消える」には新たに返信することはできません。