On the front end, I need access to the block’s attributes so I can use those in building the front end block. Instead of rendering the block as normal (either as a dynamic block or saved html), I’ll put in a filter to render something which looks like this:

The filter I’ll use is render_block. I don’t want to register the block as a server side render because that will affect the editor, so I’ll just hijack it here. Plus it’s a bit more straightforward to me.

I’ve added that to the plugin.php and that’s all I need to do to get the block html on the front end as I’d like it!

You can see what I’ve added here and the state of the repo at this point in time here.

Posts on this

• Part 1: Using a scaffold to build Gutenberg blocks for the WordPress editor
• Part 2: Building the click game block
• Bonus: The click game
• Part 4: Updating Webpack to use WordPress editor blocks (Gutenberg blocks) on the front end