block-editor

You may have a Wood block that describes the type of wood used in a woodturning item, or a Minerals block to list the minerals used for a jewelry work. You don’t want this two blocks to be used at the same time, because jewelry is not about wood and woodturning is not about minerals, … Read more

After reading through a lot of documentation/discussion, I found that the “official” way of requesting data for a block is useSelect. In my case, the answer would be: const posts = useSelect(select => { return select(“core”).getEntityRecords(“postType”, “post”, { per_page: 3, sticky: true }); });

To add custom options to that dropdown, you’d want to look at utilizing the Formatting API. Below are the main points quoted from the Block Editor Handbook step-by-step guide: Step 1: Register a new format The first step is to register the new format, add src/index.js with the following: import { registerFormatType } from ‘@wordpress/rich-text’; … Read more

You seem to have useBlockProps() and extra props outside of this hook: <div { …useBlockProps() } className=”card” style={{ backgroundImage: `url(${imageUrl})`}} > Your className would override any className value provided by the useBlockProps(), potentially causing the undesired behavior. Instead, consider merging the props into the props that would be emitted by useBlockProps() by passing them into … Read more

That code probably does exactly what you wanted it to, and if we look at the database or try to copy the block we’d see the new <div> that was added. But core/social-link is rendered in PHP so it doesn’t matter, and what the code is doing is not portable. When the code is deactivated … Read more

The error message is telling you the problem: Error: Block type ‘create-block/factbox’ is not registered. Your renamed the block so it wouldn’t contain create-block in its name, but forgot to do a search replace of all files, leaving a create-block/factbox reference in a transform function

If you insert things the way you want in the editor and then copy and paste them you’ll get the correct output. The mistake you’ve made here is the / closing the block comment: <!– wp:mytheme/herocarousel /–> Should be: <!– wp:mytheme/herocarousel –> Only use /–> if the block has no content or children.

Gutenberg recently upgraded JSX Runtime which is only compatible WP >= 6.6. See link https://make.wordpress.org/core/2024/06/06/jsx-in-wordpress-6-6/ If you update WordPress to 6.6-beta2 then it should work. In the meantime they are figuring out about back compatibility. See comment – https://make.wordpress.org/core/2024/06/06/jsx-in-wordpress-6-6/#comment-46779 Or if you are not ready to upgrade to WP 6.6 yet, you can downgrade @wordpress/scripts … Read more

Problem solved. I am using: select( ‘core/editor’ ).getEditedPostSlug() in a useSelect call. it gets the most recently updated slug. I want it to build a url which I show to the user in the DocumentSettings panel – the url is then used on another site (which access data via the Rest API) but makes use … Read more