The import syntax only works if you are using a build system (the npm/npx stuff). If you don’t want to use that right now, you can replace the import with wp.<module> like: const { registerBlockType } = wp.blocks; registerBlockType(‘custom-blocks/simple-block’, { edit: () => ‘abc’, save: () => ‘abc’ }); Or directly like: wp.blocks.registerBlockType(‘custom-blocks/simple-block’, { edit: … Read more
In Site Editor (I’m using latest WordPress 6.7.2) Open the Document Overview (staggered 3 bar icon, Shift-Alt-O) Note: This is “Edit Site” not “Edit Page” on the top bar, or left menu Appearance, Editor. Header is actually a “template part”, you can have multiple headers and multiple footers, and each template can use 0 or … Read more
I was able to solve my problem using __experimentalLabel. It allowed me to customize how the block appears in the List View, similar to the behavior in the core/image block.
It works without any problems for me. It looks like something (a plugin or theme) is using the same classes, which is overriding your CSS classes. Try wrapping your classes or update the classnames for testing. .xyz-sidebar { grid-area: sidebar; } .xyz-content { grid-area: content; } .xyz-header { grid-area: header; } .xyz-wrapper { display: grid; … Read more
This won’t work as you expect it, PHP is intended for server rendered blocks, it isn’t aware of the editor context unless it’s told the context. But to do that you need to read it in and pass it to the component on the JS side, and then read it in again on the PHP … Read more
Can you post your js or try this? import { addFilter } from ‘@wordpress/hooks’; addFilter( ‘editor.PostStatus.statuses’, ‘sq/add-custom-post-status’, // custom filter name (statuses) => { return [ …statuses, // save old statuses { // add new status slug: ‘prepare’, label: ‘Prepare’, labelShort: ‘Prepare’, public: false, }, ]; } );
Yes custom HTML block can be a solution but I am sure you also need the formating options in block editor. Here is a simple solution, Just create a css class: .redspace { margin-bottom: 0; //what ever you like the space to be: 10px 5px… } Now apply this class to the p where you … Read more
Turns out the parent block was locking the template. I added some code to lock InnerBlocks only when we a new child block is added. for (let i = 1; i <= parseInt(numChildren); i++) { defaultChildren.push( [“accordion/child”, { className: ‘accordion-‘ + i }, [[“core/paragraph”,{content:’Accordion ‘ + i,}]] ] ); } const onChangeNumChildren = (newNumChildren) => … Read more
Use useSettings() since useSetting() is deprecated. Then, you can specify a further path with custom or theme to state what data you’d like to get: // User-created presets. useSettings(‘typography.fontSizes.custom’); // Theme-defined presets. useSettings(‘typography.fontSizes.theme’); See this WordPress Playground for a working example.
You could consider running actions.getPosts on mount via data-wp-init like: <div … data-wp-init=”actions.getPosts”> As per the documentation: This directive runs a callback only when the node is created. You could also consider server-rendering the initial set of posts, like: <div data-wp-watch=”callbacks.renderContent”> <?php $query = new WP_Query( array( … ) ); ?> <?php while( $query->have_posts() ) … Read more