the_content（）;のdivにイメージをラップする方法

Question

だから、あなたはそれは、常にこの道を行くようなイメージ、 として、ワードプレスのテーマでポストにメディアを追加します。

<img src="http://localhost:8888/example/wp-content/uploads/example.jpg" alt="leaf graphic" title="leaf graphic" class="alignright size-medium wp-image-3109" height="25" width="30"/> 

しかし、私の目標は、私はdivの中にポストに追加する任意の画像をラップすることです次のようになります。

<div class="card"> 
<img class="img-fluid" src="http://localhost:8888/example/wp-content/uploads/example.jpg" alt="" /> 
</div> 

これを行う方法はありますか？

Answer 1

media_send_to_editorフィルタを使用することができます。 エディタにメディアを挿入すると、メディアはそのフィルタを通過します。

add_filter('media_send_to_editor', 'inserted_image_div', 10, 3); 

function inserted_image_div($html, $send_id, $attachment) 
{ 
    return '<div class="card">'.$html.'</div>'; 
}