It’s probably related to how you’re loading that JS file, which causes it to run before the element is available (despite domReady). You didn’t show how you’re loading the file etc, but your code works for me in a standard Gutenberg block edit.js: export default function Edit() { domReady( function () { const postTitleWrapper = … Read more
import { store as editPostStore } from ‘@wordpress/edit-post’; Is not the same as const { editPostStore } = wp.editPost.store; In the first line store is editPostStore, but in your second line editPostStore is a property of store, but it doesn’t exist. The correct syntax is const editPostStore = wp.editPost.store; Or const { store: editPostStore } … Read more
That script uses lots of WordPress packages, and WP Scripts makes sure it doesn’t put those in the built JS to stop it getting huge. Part of that is it creates a PHP file that just returns an array of all the things. That code however has put [] in the dependencies spot, and tells … Read more
The same way you do it for the classic editor, there’s a dedicated API for this: https://developer.wordpress.org/reference/functions/add_editor_style/ https://developer.wordpress.org/reference/functions/add_editor_style/#comment-1171: /** * Registers an editor stylesheet for the theme. */ function wpdocs_theme_add_editor_styles() { add_editor_style( ‘custom-editor-style.css’ ); } add_action( ‘admin_init’, ‘wpdocs_theme_add_editor_styles’ ); The block editor will read in your stylesheet, modify the rules so that they only apply … Read more
Ok, I found the answer myself thanks to Can you filter posts by meta key with the getEntitityRecords selector? Despite my first understanding the >>>query<<< parameters for list posts given in the Reference do >>>not<<< contain the meta. I followed the article and created a query filter for the CPT, i.e. function mycustomposttype_meta_query_filter() { add_filter( … Read more
WARNING: There be dragons ahead Changing the allowed innerblocks of the core/buttons block can be done, but it will make your life harder and introduce lots of new problems. Note that it would be faster, easier, and safer to implement a new buttons block that only accepts your custom block. To do this you would … Read more
Set the group property of InspectorControls to styles: <InspectorControls group=”styles”> // etc. </InspectorControls> The other possible groups are described in this article.
To achieve your goal: All of your React logic will need to be in your edit.js file and not your save.js file. The save.js file is only for viewing the final data on the WP Admin after you save a post or on the live post. The view.js file can only contain Vanilla JavaScript (from … Read more
When you return $post->post_content you’re returning the raw content from the database. Things like shortcodes, dynamic blocks and responsive image markup will not exist in the content. To prepare content for output you need to run it through the the_content filter: ‘content’ => apply_filters( ‘the_content’, $post->post_content ), That being said, there is already an endpoint … Read more
Finally,I have found a solution. I can pass my custom block to the InnerBlocks inside a template prop. const TEMPLATE = [ [ “core/columns”, {}, [ [ “core/column”, {}, [[“custom/Block A”, { url: “this is a url” }]], ], [ “core/column”, {}, [[“core/paragraph”, { placeholder: “Enter side content…” }]], ], ], ], ]; <InnerBlocks template={TEMPLATE} … Read more