WordPressで画像に自動的に追加されるクラス名を変更する
  • WordPressで画像に自動的に追加されるクラス名を変更する
  • 記事公開:2017/07/18
  • 最終更新:-------------

WordPressで画像に自動的に追加されるクラス名を変更する

WordPressで画像に自動的に追加されるクラス名を変更する方法をご紹介します。画像タグに自動挿入されるクラスを丸ごとオリジナルのクラスに置き換えたい方は参考にしてください。カスタマイズはコピペだけで行えます。

この記事は約 3 分で読めます。

WordPressサイトの常時SSL化はお任せください。

ADhttps://wordpress-supporters.com/wordpress-ssl/

常時SSL化されていないサイトにGOOGLEが警告文を表示させるまであと僅か!
今すぐにでも必要なWordPressサイトの常時SSL化は、プロに丸投げしてください。
今だけ20,000円OFF、GOOGLE対策、リミット間近、サポート充実。

WordPressの記事に挿入する画像にオリジナルclassを追加する】という記事を以前に書きました。

2017-07-18
Wordpressの記事に挿入する画像にオリジナルclassを追加する
とある案件で、とあるクライアント様から、記事に画像を挿入する時、独自のclassを追加したいとご要望をいただきました。 画像に簡単な装飾をつけたいとのこと。 ご存知かと思います、Wordpressの記事にメディアから画像を挿入すると、自動的に以下の様なclassが挿入

この記事では、メディアから挿入した画像にオリジナルのクラスを自動的に挿入するという内容でしたが、今回はWordpressが自動的に挿入するクラスを、オリジナルのクラスに書き換える方法をお伝えします。

WordPressで、投稿にメディアから画像を挿入すると、以下の様なタグが自動的に挿入されます。

class="alignnone size-large wp-image-11020"

この【alignnone size-large wp-image-11020】を別のクラス、例えば【test-class】などに書き換えたい場合など、これからご紹介するカスタマイズが役立つかと思います。

今回のカスタマイズは、functions.phpに以下のコードを追加するだけです。

function image_class_filter($class){
$class = 'test-class';
return $class;
}
add_filter('get_image_tag_class', 'image_class_filter');

WordPressで画像に自動的に追加されるクラス名を変更する を参考にさせていただきました。

このコードを追記するだけで、以下のようにクラスを書き換えることができます。

class="alignnone size-large wp-image-11020"

class="test-class"

上記でご紹介したコードの赤文字部分が、書き換え後のオリジナルクラスを定義している部分です。
この部分はお好きなクラス名に変更してください。

複数のクラスを指定したい場合は【test-class test-class2 test-class3】と半角スペースで区切って記述してやればOKです。

デフォルトのクラスをオリジナルのクラスに書き換えるのは、画像の位置指定などが効かなくなるのでお勧めできませんが、それでもオリジナルクラスに書き換えたい方がいれば参考にしてください。

WordPressサイトの常時SSL化はお任せください。

ADhttps://wordpress-supporters.com/wordpress-ssl/

常時SSL化されていないサイトにGOOGLEが警告文を表示させるまであと僅か!
今すぐにでも必要なWordPressサイトの常時SSL化は、プロに丸投げしてください。
今だけ20,000円OFF、GOOGLE対策、リミット間近、サポート充実。

この記事が気に入ったら【いいね】しよう!

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

現在、上記サービスは別ドメインで運用しております。
ドメインは異なりますが、わたしが提供させていただいているサービスです。

著者:takaya kondo

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • 2016-08-03

    あのサイトが利用しているWordPressテーマを調べる方法

    WordPressで構築されたサイトを見ていると、そのサイトで利用されているテーマが何なのか、無性に気になることってありませんか?そんな時にパッと利用されているテーマを調べる方法をご紹介します。 記事を読む

  • 2015-02-14

    WordPressのゴミ箱を一定間隔で自動的に空にする方法

    WordPressのゴミ箱を一定間隔で自動的に空にする方法をご紹介します。ゴミ箱に溜まったデータを定期的に整理したい方はご覧下さい。コピペでカスタマイズすることができます。 記事を読む

  • 2015-10-20

    これ簡単!プラグインを使わずページネーションを実装するコード

    WordPressサイトにプラグインを使わずページネーションを実装するコードをご紹介します。プラグインを使わずにページネーションを設置したい方は参考にしてください。1分でページネーションを設置できます。 記事を読む

  • 2015-10-07

    WordPress管理画面のあなたのプロフィールで項目を追加したり削除する方法

    WordPress管理画面のあなたのプロフィールで項目を追加したり削除する方法をご紹介します。プロフィールの項目を増やしたい方や減らしたい方は参考にしてください。コピペだけで3分後にはプロフィールの項目を自由自在にカスタマイズできてしまいます。 記事を読む

  • 2015-11-10

    プラグインは不要です!WordPressの投稿ページにPV数を表示する方法

    WordPressの投稿ページにPV数を表示する方法をご紹介します。プラグインは使いません。投稿ページにPV数を表示させたい方には必見の内容となっています。この記事を読めば、3分後には投稿ページにPV数を表示することができます。 記事を読む

コメントを残す


(必須)