it-swarm-ja.com

投稿画像をdivで自動的に折り返す

投稿に挿入された画像の添付ファイルに関して、特定の設計目的のために img タグを div タグの内側にラップしたいと思います。

hooks/filtersのように画像ファイルを添付した後に 自動的に これを行う方法はありますか?

進んでくれてありがとう!

2
Giraldi

それは image_send_to_editor filterです。

if(is_admin()){

  add_filter('image_send_to_editor', 'wrap_my_div', 10, 8);

  function wrap_my_div($html, $id, $caption, $title, $align, $url, $size, $alt){
    return '<div class="mydiv" id="mydiv-'.$id.'">'.$html.'</div>';
  }
}

既存の画像/投稿については、以下の機能で正規表現を試すことができます

4
onetrickpony

フックやフィルタを調べていませんが、CSSだけで簡単に達成できます。

CSSセレクタとして2010 theme class = "entry-content" を使う

あなたのスタイルシートで使用します:

.entry-content img {  
/* do all your funky css attributes for the image in here */  
}  
1
MartinJJ