block-editor - Read For Learn

add_editor_style now copying html styles to .editor-styles-wrapper?

I had a look at the code history in the Gutenberg repository, and it looks like html and body have been transformed since the very beginning, 5 years ago: https://github.com/WordPress/gutenberg/blame/15fc0c13eb33a6e4426ff4ad681b6bfb6d0adaec/packages/editor/src/editor-styles/transforms/wrap.js :root was added several months later. So yes, it appears to be intentional, but not new. If something has changed in your styles in 6.3 … Read more

Implementing onSplit/onMerge in dynamic Gutenberg Custom Blocks

Based on the use case that lead you to this, the answer is: You don’t, that’s what block styles and variations are for. Your entire block could be eliminated and replaced with this: wp.blocks.registerBlockStyle( ‘core/paragraph’, { name: ‘bc-synopsis’, label: ‘Back Cover Synopsis’, } ); .is-style-bc-synopsis { // styling etc… } Benefits: You can change your … Read more

Insert text programmatically in WordPress Gutenberg Editor

To insert or modify text in the Gutenberg Rich Text Editor when a menu choice is selected, you need to interact with the Gutenberg block editor’s rich text APIs. Here’s a general approach to achieve this: Access the Block’s Attributes: The first step is to retrieve the current attributes of the block you’re working with. … Read more

Unwanted spacing for cover block

The issue was that the content was centered and not aligned to the top of the cover:

When to use the second parameter to useSelect?

But – and this is the part I do not understand, if I use [] I still get the updated data. (It is null the first time and the actual data the second). So [] does not mean – only run this once. It seems to mean – “do not recreate the function passed as … Read more

How to implement Mapbox GL JS with a custom Gutenberg block in FSE?

Is the element referenced in useRef somehow not an actual HTMLElement instance? No, it is. But (as you’ve already known it), Mapbox GL JS (v2.15.0) requires that the container, when supplied as an element, be an instance of window.HTMLElement. ( note the window. which means the parent window ) And the thing is, on the … Read more

Create Youtube embed block with createBlock

Perhaps the name you’re using is incorrect? At least in /block-library/src/embed/core-embeds.js the different embed types seem to follow core-embed/{source} pattern on their names – e.g. core-embed/youtube. And the embed block itself has core/embed as its name.

Star Rating block is not present from list of blocks or from / shortcut

You mentioned that you’re on GoDaddy, but you linked to a WordPress.com support article. WordPress.com is a hosting service that you would not be using if you are in fact using GoDaddy. Note that WordPress.com and the WordPress software are different. The Star Rating block is a feature of WordPress.com, and is not one of … Read more

$attributes not defined in block.json PHP template for ACF blocks

It turns out ACF blocks provide the attributes in the $block variable available in the PHP file mentioned in renderTemplate property of block.json. So, in my case it was available as $block[‘title’].

Set srcset on a block image

Ok, I found the issue. After uploading the image programmatically I was calling wp_update_attachment_metadata to set the file metadata. Apparently, that was creating this issue and srcset was not being set. I have no idea why this is related though 🙂

+ More