WordPress

WordPress:投稿画像に任意のclassを追加する方法【過去記事含む】

当サイトはアフィリエイト広告を利用しています。

eye_wp

WordPressで記事中に挿入した画像にオリジナルのclass名を付ける方法です。

パッとググッてみたところ、新規の投稿画像のclass名を変更する方法はいくつか見つけたんですけど、過去に投稿した画像にも自動でclass名を追加する記事は見当たらなかったんですよね。

ということで、とある案件で使った方法を忘備録も兼ねてご紹介したいと思います。

この記事の目次

functions.phpに追加

やり方は簡単。以下のコードを「functions.php」に追加するだけです↓

function add_class_images($content){
    $my_custom_class = "my-image";
    $add_class = str_replace('<img class="', '<img class="'.$my_custom_class.' ', $content);
    return $add_class;
}
add_filter('the_content', 'add_class_images');

2行目の「”my-image“」の赤字部分をお好きなclass名に変えてください。これでコンテンツ部分の画像にはclass名が追加されます。

固定ページ、投稿ページ両方の画像にclass名が追加されますので、例えば投稿ページだけとか、特定のidの記事とか、他のid名やclass名と一緒に使用すれば色々と使い分けができますね。

まとめ

今回はやり方だけサクッと紹介してみました。
誰かの参考になれば幸いです。

ではまた〜♪

WordPress
\記事が役に立ったらシェアしてね/
うぇぶあしび

comment

タイトルとURLをコピーしました