【WP】「メディアを追加」で挿入したimgをdivで囲む

 「メディアを追加」で画像を挿入した際、挿入されたimgタグを特定のタグ(div等)で囲みたいと思ったときに使える方法。
※2017/10/23 すみません。ソースに不備があったため修正しました。><

やりたいこと

 通常「メディアを追加」ボタンを使用して画像を挿入すると・・・

<img src="画像URL" alt="代替テキスト" width="幅" height="高さ" class="クラス" />

 ・・・となるのですが。これを・・・

<div class="icimg"><img src="画像URL" alt="代替テキスト" width="幅" height="高さ" class="クラス" /></div>

 こうしたい。

解決法

 function.phpを編集します。

function my_image_send_to_editor( $html, $id, $caption, $title, $align, $url, $size ) {

	$html = '<div class="icimg">' .$html .'</div>';

	return $html;
}

add_action( 'image_send_to_editor', 'my_image_send_to_editor', 10 ,7);

 この一文を足せばOKv
 意外と簡単です♪<\p>  

【WP】「メディアを追加」で挿入したimgをdivで囲む」への2件のフィードバック

  1. たなか

    こんにちは、同じ悩みを持っていたので、参考にさせていただきたいのですが、うまく動きません。
    WordPressの仕様変更かテーマの仕様の問題でしょうか?
    何か解決策など思い当たる節などございませんか?

    返信
    1. fuka 投稿作成者

      初めまして。こんにちは。
      ごめんなさい。思い当たる節がありました!
      add_actionの記述が足りなかったので、サンプルのソースのほうを修正しました。
      最後の一行が増えています。

      返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です