WordPress.org

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

   改めて質問させて頂きます。
   先ほどは便乗質問で大変失礼致しました。

   こちらのトピック「Ktai Style　画像表示のカスタム方法」を拝見して

   function ks_keep_link_of_images($link_html, $orig, $href, $label) {
     if (preg_match('/<img [^>]*?src=/', $label)) {
       $link_html = NULL;
     }
     return $link_html;
   }
   add_filter('convert_links/ktai_style.php', 'ks_keep_link_of_images', 10,4);

   ↑こちらのコードをfunctions.phpに追記させて頂きました。
   その結果、現在

   <a href="オリジナル画像"><img src="サムネイル画像"></a>

   と言う状態になっています。
   （img 要素を囲む a 要素はそのまま放置。[元画像(**KB)]の表示は無。）

   今のままでも充分なのですが、こちらのトピックでもお話されていた通り
   オリジナル画像が大きい場合勿論携帯電話では表示する事ができません。

   そこで

   <a href="中サイズ画像"><img src="サムネイル画像"></a>

   としたい場合にはどうすれば良いのでしょうか？

   これが可能になれば見栄えも閲覧もかなりスムーズに行くので
   お手隙の際にでもご教授頂ければ幸いです。

   よろしくお願い致します。

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

   <a href="中サイズ画像"><img src="サムネイル画像"></a>
   としたい場合にはどうすれば良いのでしょうか？

   実はかなり難しいです。img 要素を a 要素で囲んでいた場合、a 要素の飛び先をそのまま使っているので、それを中サイズの画像のありかに書き替えなければなりません。このとき、画像の URL から、中サイズの画像のありかを推測するのは、結構難しい処理になります。

   中サイズの画像からフルサイズの場合、ファイル名から -NNNxNNN の部分を除けばいいですが、その逆は画像のサイズが分からないため不可能です。
   したがって、DB のメディアライブラリーを検索して、ファイル名とパスから画像のメタ情報をひっぱってくる処理が必要になります。

   わたしも「携帯でフルサイズ画像にリンクするのはいまいち」と思っていますが、技術的な困難があるので、先送りしている状況です。

   あまり美しくはないですが、フルサイズ画像から、勝手に携帯用の中サイズを作ってしまうならば、現状のソースを流用すれば可能です。閲覧中の携帯電話のディスプレイサイズにぴったり合わせて表示するならば、むしろこっちの方がいいかもしれません。今ならば、QVGA ないし VGA が主流ですから、QVGA決め打ちでいいかも。

   いずれにせよ、数行レベルで済む話じゃないので、がんばって実装するか、Ktai Style 自身が実装するのを待つかしてみてください (実装したものを Ktai Style にパッチ送付というのがオープンソース的でうれしいですが ;-)

返信

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