web-dev-qa-db-ja.com

添付画像にクラスを追加する方法

私がWordpressエディタを使用していて、 'img'ボタンを使って外部画像を追加すると、HTMLの結果は次のようになります。

<img src="http://example.com/image.jpg" alt="image" />

どのようにして自動的にクラスをimgタグに追加することができますか？このような：

<img class="my-img-class" src="http://example.com/image.jpg" alt="image" />

同じ原理を[メディアの追加]オプションにも適用したいと思います。この出力はこのようなものです：

<a href="mywordpressdomain/image.jpg"><img src="mywordpressdomain/image.jpg" alt="image" width="872" height="867" class="alignnone size-full wp-image-59" /></a>

そして、私は出力がこのようになることを望みます：

<a href="mywordpressdomain/image.jpg"><img src="mywordpressdomain/image.jpg" alt="image" width="872" height="867" class="alignnone size-full my-img-class" /></a>

私はPHPを使い始めたばかりなので、フィルタを使ってこれを実行する方法がわかりません。私はこのように始めました、しかし私は次に何をすべきかわかりません：

function image_tag_class($class, $id, $align, $size) {
    return $align;
}
add_filter('get_image_tag_class', 'image_tag_class', 0, 4);
phpfunctionsimagesattachmentseditor
6
Eric

あなたはこのようにすることができます：

function image_tag_class($class) {
    $class .= ' my-custom-class';
    return $class;
}
add_filter('get_image_tag_class', 'image_tag_class' );

あなたがアクションやフックについてもっと知りたいのならば。

フィルタフックとアクションフックの違い
add_filter
add_action

7
Marcos Rodrigues