I used this, inline, on specific pages (using get_current_screen()). I’d hoped this would enable me to hide/show the permalink panel under certain conditions. However, removeEditorPanel() removes the permalink panel globally. This isn’t completely horrifying, since the css still works conditionally, and the permalink can still be edited via the editor (by clicking on the title) … Read more
Yes, this can be done. Are you using MediaUpload? Once an image is selected, MediaUpload returns that image object, which includes sizes: full, large, medium etc – this will include any custom sizes you’ve defined. Then, instead of assigned the url to the attribute, you save the url of the size you want. This is … Read more
The error in question is likely because when you run register_block_type(), you didn’t set the block attributes or that it (which is an array in PHP) doesn’t have the attribute named content. So make sure the attributes are defined in both JavaScript (via registerBlockType()) and PHP (via the above-mentioned function), and that the schema is … Read more
I was able to solve this by wrapping the BlockEdit component in my own markup: <Fragment> <div className=”customClass”> <BlockEdit { …props }/> <div> <BlockControls> <Toolbar> <IconButton { …iconProps } /> </Toolbar> </BlockControls> </Fragment>
It’s Not (Reasonably) Possible (Yet) 🙁 This was such an interesting question to dig into. In short, we can get really, really close to accomplishing this using Block Filters and some hackish duct-tape on the PHP side. But it falls apart in the home stretch. It’s worth noting that the crux of the complication is … Read more
I actually found a solution myself by following the way a reusable block is registered in this stackexchange thread: Reusable blocks are all stored in/as core/block and this block has the attribute ref which carries the post id of that block. So, you can use array( ‘core/block’, array( ‘ref’ => [your block ID], ) ), … Read more
As of the end 2020, I have found that the best way to find attributes related to a core block is to inspect it with the react developer tools. Under the components tab, search for [BLOCK_NAME]Edit to find the editing component, where [BLOCK_NAME] is something like “Paragraph”, “Heading” or “Button”. Then on the right side … Read more
There are 2 main issues in your code: What is that restrict in your OptionsPanel component? Where and how you defined it? Both the onUpdateRestrict and onUpdateSubscribe are not functions, so clicking on the toggle controls will result in a JavaScript error. And if you can show your complete code, I can probably help you … Read more
I had the same problem and I find out how to solve it: For each “fontFamily” inside “fontFamilies” array, you get a custom variable. From your example You can use both variables on your stylesheet or in theme.json: –wp–preset–font-family–helvetica-arial –wp–preset–font-family–ubuntu-sansserif And then you call the font like this: { “version”:1, “settings”: { “typography”: { “fontFamilies”: … Read more
Not a real answer alert This sounds like a long term bad idea. You are modifying a core functionality with something which do not inherit any of the generated markup of the original block. Any later processing of the block might make assumption about the markup based on the block name, but the assumptions might … Read more