iaffpro_html_image_markup_post_update

Modify the image HTML markup after the bulk updater has added the necessary attributes.

/**
 * Filter the image HTML markup. 
 * 
 * Useful to add custom image attributes or remove existing attributes.
 * Example: You can add Lazyload attributes or Pinterest attributes) on all images. 
 * 
 * @param $match[0] (string) The image HTML markup (<img alt="" title="" ...) without 
 * the closing '>' after it is updated by Image Attributes Pro.
 * 
 * @since 1.4
 */
return apply_filters( 'iaffpro_html_image_markup_post_update', $match[0] );

$match[0] contains the image markup without the closing ‘>’ tag.

For example:

<img title="Image Title" src="https://imageattributespro.com/wp-content/uploads/2021/05/custom-filter-and-regex-filter-image-attributes-pro-result.png" alt="Image Alt text" class="wp-image-99"/

Note: This filter is triggered only when the bulk updater updates the images within the post or product HTML. Be sure to select the appropriate Bulk Updater Behaviour in the Bulk Updater Settings tab.

Select Appropriate Bulk Updater Behaviour To Use Filter

Example Usage

An example of using the filter to add a custom data-origin="Your Name" to each image. Add this to the functions.php of the active theme.

/**
 * Add custom data-origin attribute to every image. 
 * 
 * @param $match (string) The image HTML markup after the bulk updater 
 * has added the necessary attributes.
 * 
 * @author Arun Basil Lal
 * @link https://imageattributespro.com/codex/iaffpro_html_image_markup_post_update/
 */
function prefix_iap_add_data_origin_to_images( $match ) {
	
	// Replace '<img' with '<img data-origin="Your Name"'
	$match = str_replace( '<img', '<img data-origin="Your Name"', $match );
	
	return $match;
}
add_filter( 'iaffpro_html_image_markup_post_update', 'prefix_iap_add_data_origin_to_images' );

Another example: Add Missing Image Dimensions

Was this article helpful?
Yes, thanks! 👍Not really 👎