If you want to adjust the HTML of a Core block, one option is to add a filter on the render_block
hook. This allows you to use PHP to modify the HTML output, so you don’t have to set up a whole Webpack setup and use newer JS. If you place this in the (child) theme, this will also allow the site owner to automatically swap back to normal Gallery block markup if they switch themes, so non-Bootstrap themes won’t break the block.
The downside is, the filter runs after WordPress has already retrieved the content, so you’re looking at slightly longer processing times of the final markup. This shouldn’t be too big of an issue for most sites, especially if you have some kind of caching set up.
You can find documentation on render_block
on the WP Developer site.
Related Posts:
- Add colors to existing color palette without replacing it
- Gutenberg – editor-font-sizes in functions not working
- create-guten-block in wordpress theme?
- Correct way to make a custom block theme responsive
- Full site editing templates folder vs block-templates
- How to add multiple custom blocks in custom WordPress theme using create-block?
- Modify HTMl on header.php on Block Theme like Twenty Twenty Three?
- Full Site Editing, Block Theme, Gutenberg, Site Editor
- Sizing screenshot.png without losing aspect ratio
- How to add CSS class to custom logo?
- How to add custom css file in theme?
- theme path in javascript file
- get_template_part vs action hooks in themes
- The the_post_thumbnail without srcset?
- The proper way to include/require PHP files in WordPress
- after_setup_theme always runs
- Do I actually need to link my theme’s style.css in the theme files
- Using classes instead of global functions in functions.php
- WordPress API Menu/Submenu Order
- How to insert a logo in the header?
- How to move page template files like page-{slug}.php to a sub-directory?
- CSS classes for theme
- Add custom classes to anchor in wp_nav_menu
- How to remove search bar from a wordpress theme? [closed]
- Should `get_template_directory_uri()` be escaped?
- Get url of thumbnail from the media uploader
- My child theme doesn’t work Error: “The parent theme is missing. Please install your parent theme”
- How To Add New Option Types To Option Tree?
- WP 3.4 – what action/hook is called when theme customisation is saved?
- What WP folder can I use to write files to?
- Are the WordPress Core CSS styles really all nessesary?
- Add a dropdown to theme customizer
- Should I use set_transient or update_option?
- Why doesn’t default WordPress page view use force_balance_tags?
- Proper, exhaustive documentation for wp.editor etc
- Page template in two level deep folder
- Edit srcset and sizes attributes in Gutenberg image, cover and gallery – blocks
- Theme Customizer : how to create multiple-level panel
- Why I can’t add a CSS style in this WordPress theme?
- Theme file for all pages that are a child of a specific page
- Allow Shortcode in Theme Customizer
- Where to post/upload the new theme for WordPress theme repository
- Setting multiple default background images?
- Template for individual post designs
- How to make a theme with more than one CSS file?
- Is it good to rename theme folder downloaded from WordPress.org?
- Best practice way to implement custom sections into a WordPress theme
- Editing the custom background CSS
- What is the problem if I use CDN in my WordPress parent theme(built using bootstrap)?
- register_sidebar ignores ‘id’ and ‘class’
- What, specifically, should be included in theme_name_setup()?
- How to get gallery images?
- Is it possible to use line break in theme description?
- Is the theme customizer slowing down my site?
- How can I get wp_head() as a string instead of echoing it?
- Display a different theme for not logged-in users
- Best practice (forward compatibility) for theme options
- Automatic Updates For Private And Commercial Themes?
- Child Theme not loading parent CSS
- What can I hook into after_setup_theme?
- Where do I find the functions triggered within a hook?
- What does “Do not deregister the jquery script in the administration area” mean?
- What is the best book to learn how to make themes for wordpress?
- Grab the first paragraph of each post
- add_image_size is scaling, even though crop is set to true
- Use of undefined constant FS_CHMOD_DIR – assumed ‘FS_CHMOD_DIR’
- How to show next Post Thumbnail image in WordPress using current post id
- Symlink a directory to wp-content/themes
- Single Page WordPress Theme – Using page templates
- Pushing updates to your premium theme
- Registering Sidebars and Sidebar Widgets. Sidebar Widgets Not Displaying
- Where can I find a good reviewed collection of Twenty Ten child themes?
- How to check if post has any tag?
- What are WooCommerce starter themes? [closed]
- How do I get gallery thumbnail URL and change the default thumbnail size?
- Front End Post Submit Form
- How do I “unhook” / de-register jQuery so that it’s not called as part of wp_footer();?
- Can you filter posts by meta key with the getEntitityRecords selector?
- How do I get a parent theme modification from a child theme?
- Removing the default sidebar from admin panel
- How do I remove RSS feeds from themes?
- Select menu on browser resize
- How to disable the gradient and font size internal CSS added by WordPress when using theme.json
- add_theme_support( ‘custom-header’ ) does not add option menu in dashboard
- WP Gutenberg custom block – generate theme colors from SASS and use them in the inspector and php callback
- Is there an error in get_the_tag_list()?
- CSS in child theme not overriding the parent theme [closed]
- Example of a theme organization without all the default wp files in root
- First post of each category
- Can I upload WordPress-react theme in Wp theme repository
- how to pull wordpress post comments to a external page
- Returning Variables back into a template
- create blocks programmtically on theme activation
- Advantages of using instead of wp_enqueue_style()?
- Style.css redirects to 404 Page not found
- index.php is not loaded for single posts
- Which is the simplest theme for WordPress to use it as your base?
- Displaying wp menus by name without using theme locations
- “Cheatin’ uh?” error message on multple theme directories
- How to add dynamic inline style?