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"));

Recent Posts

1. Automating Code Linting with GitHub Actions for WordPress Plugins
2. Comprehensive Guide to Linting PHP, JavaScript, and CSS in WordPress Plugins Using Composer
3. The Ultimate Guide to Indexing in Database Design
4. Understanding 'update_meta_cache' in WordPress - When to Use It, When Not to, and Its Impact on Database Queries
5. A Guide to Configuring JavaScript and SCSS Paths in WordPress Plugins with @wordpress/scripts

This article was published on June 27, 2016

Your Questions / Comments

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