Sarathlal N

Add custom class on images - WordPress

When we attach & insert an image in to WordPress post / page, the WordPress will add some default classes to that image.

In some situations, I want to add custom class to all images on WordPress site. To do so, we can use a filter function.

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

If we want to add custom class on specific images like thumbnails only, there is option to pass class name as parameter in such function call.

the_post_thumbnail('full', array( 'class'	=> "my-custom-class my-custom-class-2"));

Looking for a skilled WordPress/WooCommerce developer? I'm currently available for freelance, contract, or full-time remote opportunities! Let's create something amazing together. Send me a quick message, and I'll respond within 24 hours!

Recent Posts

  1. Understanding the Singleton Pattern and Using Traits to Achieve Singleton in WordPress Plugin Development
  2. REST API Methods Explained with Best Practices for Building Clean and Secure APIs
  3. My 28-Day Plan to Master Modern WordPress Development Using AI Tools
  4. Scaling WordPress - How Custom Database Tables Solve the Post Meta Bottleneck
  5. WordPress Transients Explained - A Developer's Guide to Site Performance

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.