WordPress.org

1. tt_style
   メンバー
   2 ヶ月前の投稿 #

   はじめまして。
   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 要素が使えるようになります。

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

2. kvex
   メンバー
   2 ヶ月前の投稿 #

   デフォルトのタグ一覧は 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()
   ),

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

3. tt_style
   メンバー
   2 ヶ月前の投稿 #

   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()
   ),

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

4. lilyfan
   メンバー
   2 ヶ月前の投稿 #

   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 独自フィルターで調整する手がありますが、かなり難しい手法なので解説は割愛します。

5. tt_style
   メンバー
   2 ヶ月前の投稿 #

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

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

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

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

6. lilyfan
   メンバー
   2 ヶ月前の投稿 #

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

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

   Tips 9. 画像の回り込み

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

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

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

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

7. tt_style
   メンバー
   2 ヶ月前の投稿 #

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

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

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

8. tt_style
   メンバー
   2 ヶ月前の投稿 #

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

   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がまったく分からないので
   記述的にどうなのか分かりません。
   ご報告までに、書き込みさせていただきました。

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

返信

ログイン しなければ投稿できません。