{"id":1928,"date":"2021-06-18T01:08:22","date_gmt":"2021-06-17T19:38:22","guid":{"rendered":"https:\/\/imageattributespro.com\/?post_type=codex&p=1928"},"modified":"2022-03-22T10:28:04","modified_gmt":"2022-03-22T04:58:04","slug":"iaffpro_html_image_markup_post_update","status":"publish","type":"codex","link":"https:\/\/imageattributespro.com\/codex\/iaffpro_html_image_markup_post_update\/","title":{"rendered":"iaffpro_html_image_markup_post_update"},"content":{"rendered":"

Modify the image HTML markup after the bulk updater has added the necessary attributes. <\/p>

\/**\n * Filter the image HTML markup. \n * \n * Useful to add custom image attributes or remove existing attributes.\n * Example: You can add Lazyload attributes or Pinterest attributes) on all images. \n * \n * @param $match[0] (string) The image HTML markup (<img alt=\"\" title=\"\" ...) without \n * the closing '>' after it is updated by Image Attributes Pro.\n * \n * @since 1.4\n *\/\nreturn apply_filters( 'iaffpro_html_image_markup_post_update', $match[0] );<\/code><\/pre>
$match[0]<\/code> contains the image markup without the closing ‘>’ tag. <\/p>
For example:<\/strong><\/p>
<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\"\/<\/code><\/pre>
Note<\/strong>: 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<\/code> in the Bulk Updater Settings<\/code> tab. <\/p>
\"Select<\/figure>
Example Usage<\/h2>
An example of using the filter to add a custom data-origin=\"Your Name\"<\/code> to each image. Add this to the functions.php<\/code> of the active theme.<\/p>
\/**\n * Add custom data-origin attribute to every image. \n * \n * @param $match (string) The image HTML markup after the bulk updater \n * has added the necessary attributes.\n * \n * @author Arun Basil Lal\n * @link https:\/\/imageattributespro.com\/codex\/iaffpro_html_image_markup_post_update\/\n *\/\nfunction prefix_iap_add_data_origin_to_images( $match ) {\n\t\n\t\/\/ Replace '<img' with '<img data-origin=\"Your Name\"'\n\t$match = str_replace( '<img', '<img data-origin=\"Your Name\"', $match );\n\t\n\treturn $match;\n}\nadd_filter( 'iaffpro_html_image_markup_post_update', 'prefix_iap_add_data_origin_to_images' );<\/code><\/pre>
Another example: Add Missing Image Dimensions<\/a><\/p>","protected":false},"excerpt":{"rendered":"
Modify the image HTML markup after the bulk updater has added the necessary attributes. $match[0] contains the image markup without the closing ‘>’ tag. For example: 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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Modify Image HTML After Bulk Update %%sep%% %%sitename%%","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"tags":[],"codex-type":[27],"class_list":["post-1928","codex","type-codex","status-publish","format-standard","hentry","codex-type-filters"],"_links":{"self":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/codex\/1928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/codex"}],"about":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/types\/codex"}],"author":[{"embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/comments?post=1928"}],"version-history":[{"count":8,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/codex\/1928\/revisions"}],"predecessor-version":[{"id":2292,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/codex\/1928\/revisions\/2292"}],"wp:attachment":[{"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/media?parent=1928"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/tags?post=1928"},{"taxonomy":"codex-type","embeddable":true,"href":"https:\/\/imageattributespro.com\/wp-json\/wp\/v2\/codex-type?post=1928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}