Blocks with custom block editor content

Hello @reveritas,

Thank you for your feedback. We are currently developing a new version that includes a new feature called ‘Synced Block Overrides’. This feature works similarly to the upcoming feature ‘Synced Pattern Overrides’ in WP 6.6. It’s a free feature and will be released in upcoming days. For now, users with Pro version can use the ‘Manage Styles’ feature when creating blocks to synchronize styles across all block instances.

Phi.

Hello @mr2p,

Thank you very much for your response. I am looking forward to trying out this feature to see if it fits my needs. As for the Pro ‘Manage Stylesheets’ feature, it was my understanding that it functions the same as the normal styling options, but with complete custom CSS for advanced styling. But is it indeed a synced option compared to the normal block editor styling? E.g. if I create a button with placeholder text, use this custom block in a post and replace the placeholder with the real text, then adjust the custom CSS with the ‘Manage Stylesheets’ and publish the custom block button again with the placeholder text, the button in my post will have the updated styling but still contain the real text?

Yes, you are correct about the ‘Manage stylesheets’ Pro feature. However with the new free ‘Synced Block Overrides’ feature, it’s now much easier to separate content and style for your blocks. If you would like to test the beta version of CBB, here is the link.

Phi.

Thanks so much for the link, it seems to work great. However it has the same limitation as the upcoming WP 6.6 feature, which is that it is only implemented for some basic blocks, while I am using mostly Stackable blocks. I tried adding the Stackable blocks to the CORE_SYNCING_SUPPORTED_BLOCKS object, but that is clearly not enough to get it to work. If there is no easy way to implement it myself for third-party blocks, I will either switch to the basic blocks for these specific instances where I need overrides and style them to look exactly like my Stackable buttons, or I will try out the Pro version and only use custom CSS for overrides. I love what you’ve done with this plugin and I think you’ve already bridged a huge gap between the WP block editor and custom PHP code that is completely missing in all other plugins.

Thank you for your kind words. CBB uses the block binding API bundled with WP 6.5, so it shares the same limitations as WP core. In addition to that, It also supports block overrides for SVG Block, and the background media for CBB blocks. I will provide APIs to support block overrides for other blocks in future versions

In CBB Pro, you can use the ‘Manage stylesheets’ feature to synchronize styles accross instances of blocks. This way, it supports all blocks, but it requires writing custom CSS style for custom blocks. This workfow works great with the template locking as ‘contentOnly’.

I’ve just released a new version for CBB. The main focus in this release is the synced block overrides feature. Following blocks are supported with this feature: Heading, Paragraph, Image, Button, Embed, Video, Audio, Code, Verse, Preformatted, Pullquote, SVG Block, and the background image/video of CBB blocks.

Phi.

Hi @mr2p , First of all thanks a lot for such a greate feature in advance of release of wordpress 6.6. I want to test this feature. But I am not getting the idea on how to use this feature, because in advance tab of such blocks like heading, paragarph etc. I am not seeing any “Synced block overrides” option to switch on or off. Please have a bit of guidline on using this feature

Hi @hozefasmile, I’m planning to release a video tutorial on this new feature soon. In the meantime, here is a quick guide on how to use this feature:

1. To make a block is synced and overrides, first navigate to the edit block screen, and then toggle on the checkbox labelled Synced Block Overrides in the sidebar.
2. Select a supported block (heading, button, etc) in the content of the block, and you will find a panel called Overrides in the sidebar. This panel is a separated panel not under the default Advanced panel. You can enable or disable overrides for the selected block similarly to the synced pattern overrides in WP 6.6.

That’s it.

Phi.

Ok, Now I got it, we must have to create custom block to use this feature. I was trying default wordpress synced pattern and looking for the setting there.

For anyone else who visits this ticket later, here is the video tutorial on how to use the syned block overrides feature:

Phi.