Hi @aryanrajseo,
I’m assuming you mean adding custom HTML attributes to the frontend markup? If so, you can extend the block manually using the render_block and the WP_HTML_Tag_Processor. The following example adds a custom attribute to the outer wrapper of each Icon block. From there, you can modify as needed.
// Add the filter to modify the outermost 'icon-block' block markup
add_filter( 'render_block', 'modify_icon_block_markup', 10, 2 ;function modify_icon_block_markup( $block_content, $block ) {
// Check if the block is 'icon-block'
if ( $block['blockName'] === 'outermost/icon-block' ) {
// Load the WP_HTML_Tag_Processor class
if ( class_exists('WP_HTML_Tag_Processor' ) ) {
// Initialize the tag processor
$processor = new WP_HTML_Tag_Processor( $block_content );
// Find the first outermost wrapper tag
if ( $processor->next_tag() ) {
// Add custom attribute to the tag
$processor->set_attribute( 'custom-attribute', 'custom-value' );
// Get the modified content
$block_content = $processor->get_updated_html();
}
}
}
return $block_content;
}
Since I would consider this a more advanced implementation of the Icon block, and since it is possible with standard block extensibility mechanisms in WordPress itself, this is not something that I am going to add to the block.
Let me know if I can help further.
Best,
Nick