{"id":10903,"date":"2026-05-22T14:30:16","date_gmt":"2026-05-22T06:30:16","guid":{"rendered":"https:\/\/aeosub.com\/block-attr-customizer\/"},"modified":"2026-05-22T14:30:16","modified_gmt":"2026-05-22T06:30:16","slug":"block-attr-customizer","status":"publish","type":"post","link":"https:\/\/aeosub.com\/zh\/block-attr-customizer\/","title":{"rendered":"HTML Attributes Customizer for Blocks"},"content":{"rendered":"<div class=\"plugin-info-card\" style=\"border: 1px solid #e2e8f0;border-radius: 10px;overflow: hidden;margin-bottom: 30px;font-family: -apple-system, system-ui, sans-serif;background: #fff\">\n<table style=\"width: 100%;border-collapse: collapse;font-size: 14px\">\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 15px 20px;text-align: left;width: 35%;color: #4a5568;background: #fcfcfc\"><img decoding=\"async\" src=\"https:\/\/s.w.org\/plugins\/geopattern-icon\/block-attr-customizer.svg\" style=\"width: 40px;height: 40px;border-radius: 6px;margin-right: 12px;vertical-align: middle\"> Developer<\/th>\n<td style=\"padding: 15px 20px;font-weight: 500\"><a href=\"https:\/\/profiles.wordpress.org\/neerajk1409\/\" target=\"_blank\" rel=\"noopener\">NEERAJ K<\/a><\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Version<\/th>\n<td style=\"padding: 12px 20px\">v1.0.0<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Active Installs<\/th>\n<td style=\"padding: 12px 20px\">0 +<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Requires \/ Tested<\/th>\n<td style=\"padding: 12px 20px\">6.0 \/ 6.9.4<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #edf2f7\">\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Last Updated<\/th>\n<td style=\"padding: 12px 20px\">2026-05-22 6:09am GMT<\/td>\n<\/tr>\n<tr>\n<th style=\"padding: 12px 20px;text-align: left;color: #4a5568;background: #fcfcfc\">Official Link<\/th>\n<td style=\"padding: 12px 20px\"><a href=\"https:\/\/wordpress.org\/plugins\/block-attr-customizer\/\" target=\"_blank\" style=\"text-decoration: none;color: #4a3bca;font-weight: bold\" rel=\"noopener\">View Details \u2192<\/a><\/td>\n<\/tr>\n<\/table><\/div>\n<div class=\"plugin-short-desc\" style=\"margin: 20px 0;padding: 12px 15px;background: #f9fafb;border-left: 4px solid #4a3bca;border-radius: 6px;font-style: italic;color: #4a5568\">Add custom HTML attributes to any block, with optional dynamic variables on the front end.<\/div>\n<p>HTML Attributes Customizer for Blocks adds an <strong>HTML attributes<\/strong> panel in the block sidebar. Enter one attribute per line as <code>name=\"value\"<\/code> (double quotes), or a boolean attribute as a single name (for example <code>inert<\/code>).<\/p>\n<p>Attributes are stored on the block as JSON objects: <code>htmlbacAttributes<\/code> and <code>htmlbacInnerAttributes<\/code> (for example <code>{\"fetchpriority\":\"high\",\"data-nolazy\":\"0\"}<\/code>). Boolean flags use <code>true<\/code>.<\/p>\n<p><strong>Merging:<\/strong> Duplicate names on multiple lines are combined. Values merge with spaces (semicolons for <code>style<\/code>). <code>class<\/code> merges with the block\u2019s existing classes instead of replacing them.<\/p>\n<p><strong>Variables:<\/strong> Use tokens such as <code>{{post.title}}<\/code> or <code>{{user.auth_status}}<\/code> inside quoted values. They are replaced when the block renders on the front end.<\/p>","protected":false},"excerpt":{"rendered":"<p>Add custom HTML attributes to any block, with optional dynamic variables on the front end.<\/p>","protected":false},"author":1,"featured_media":9317,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[252],"tags":[793,638,1705,641,1706,555],"class_list":["post-10903","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","tag-block-editor","tag-blocks","tag-custom-attributes","tag-gutenberg","tag-html-attributes","tag-wordpress-plugin"],"_links":{"self":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/comments?post=10903"}],"version-history":[{"count":0,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/posts\/10903\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media\/9317"}],"wp:attachment":[{"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/media?parent=10903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/categories?post=10903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aeosub.com\/zh\/wp-json\/wp\/v2\/tags?post=10903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}