You can pass data to a child via the select and dispatch hooks. So you would set up your child block with the inherited attribute and update that when the setting on the parent block changes. Parent Block Import dependencies import { dispatch, select } from “@wordpress/data”; Your edit function might look something like this: … Read more
As mentioned in the comments, it isn’t currently supported, although there is an open issue for exactly this feature: https://github.com/WordPress/gutenberg/issues/17099 Meanwhile, I can think of a couple of ways to achieve the same effect: 1) Pages + custom rewrites As you suggested in your question, you could create a set of parallel pages with the … Read more
I investigated the states set using React Dev Tools and found the preview modes are set under the deviceType key. Went through the Gutenberg source and came across the __experimentalGetPreviewDeviceType function. /** * Returns the current deviceType. */ const { deviceType } = useSelect( select => { const { __experimentalGetPreviewDeviceType } = select( ‘core/edit-post’ ); … Read more
The issue was that I was missing { …useBlockProps() } from the encapsulated div. I was able to resolve the issue by changing the opening div returned in the edit attribute to <div {…useBlockProps()}>
Summary: Perhaps like me, you just need to rename, relocate and/or manually load your script/JSON translations files? So I created a block using the npx @wordpress/create-block gutenpride command, then I created the translation stuff (POT, PO, MO and JSON/JED files) and my plugin structure was like so (but some files like src/* were not included): … Read more
I can’t determine the syntax to use (or if it is even supported) to define the blocks’ style. For example, I would like the Button to use the “Outline” style instead of its default “Fill” style. Yes it’s supported and the syntax is quite easy. Excerpt from the block styles documentation: Block Styles allow alternative … Read more
You wouldn’t, the need to do this is normally a code smell and a warning sign that you have done something wrong, or are trying to work against react and the way blocks are intended to work in some way. However if you wanted to continue down the path in the wrong direction, you would … Read more
Since Gutenberg is currently in development mode, Things will break and there won’t be standard set of rules and guidelines NOT until it merges into Core. I have faced the same problem, Changing a thing here and there breaks the current block and it’s frustrating as hell. Until then devs like us have to put … Read more
There does seem to be a filter to modify the default: https://github.com/WordPress/gutenberg/blob/master/lib/client-assets.php#L1574 ‘bodyPlaceholder’ => apply_filters( ‘write_your_story’, __( ‘Write your story’, ‘gutenberg’ ), $post ), So you should be able to use the WordPress add_filter() function.
The js-file is not executed on time By the time the DOM load event is executed the block editor has already parsed the post content and at that time the block wasn’t yet registered so it tells you that it doesn’t exist. Instead of: window.addEventListener( ‘load’, () => { mcm_register_menu_card_section_block(); }); try: wp.domReady(mcm_register_menu_card_section_block); and in … Read more