As I said in my comment, your code worked fine for me. But that’s probably because I used the default Twenty Twenty-One theme on a test site running the default WordPress setup (basically, almost no plugins). And the reason I asked you, “is that the actual and entire code in your file“, is because the … Read more
Solution found: const { __ } = wp.i18n; const { useSelect, useDispatch } = wp.data; const { PluginDocumentSettingPanel } = wp.editPost; const { CheckboxControl, PanelRow } = wp.components; const Sidebar = () => { const { postMeta } = useSelect( ( select ) => { return { postMeta: select( ‘core/editor’ ).getEditedPostAttribute( ‘meta’ ), }; } … Read more
Ahh — I found it. It is called the PluginDocumentSettingPanel and can be imported from @wordpress/edit-post. import { registerPlugin } from ‘@wordpress/plugins’; import { PluginDocumentSettingPanel } from ‘@wordpress/edit-post’; const PluginDocumentSettingPanelDemo = () => ( <PluginDocumentSettingPanel name=”custom-panel” title=”Custom Panel” className=”custom-panel” > Custom Panel Contents </PluginDocumentSettingPanel> ); registerPlugin( ‘plugin-document-setting-panel-demo’, { render: PluginDocumentSettingPanelDemo, icon: ‘palmtree’, } );
Finally i found the problem ! There was a problem in the scss file which stop the building script. I had no error message. I think that the problem was that i used a sass variable which was too long.
Yes it sounds like there might be some sort of disconnect, as the template editor doesn’t make this clear, but keep in mind that FSE is still marked as being in Beta in the latest version of WordPress. Templates in full site editing still follow the standard template hierarchy. So if you want a static … Read more
Add a subfolder in your-plugin/src with the block name Put all src files inside this folder Repeat 1 and 2 for other blocks that you want to add. At this moment, the src folder looks like this: Be careful to edit properly each block.json to give them a name, etc. replace de single block registration … Read more
the interface remains unchanged, as if no image had been selected. How do I make the image I have selected appear in the editor? It remains unchanged because we actually need to manually add a preview of the image, just like the core Image block does, and you can check the source on GitHub, but … Read more
When an element doesn’t have children it can be self-closing: <Something something=”123″ /> Otherwise it needs to behave like normal html tag with an opening part: <Something> and a closing one: </Something> edit: function( props ) { return( <Form method=”get” className=”search-form” > <PlainText title=”search box” placeholder=”Search” className=”search-field” type=”text” name=”s” readonly=”true” /> <PlainText type=”hidden” name=”type” value=”media” … Read more
From the docs: If a selector is specified, the source behavior will be run against the corresponding element(s) contained within the block. You are telling your block to look at the same Element for the value of both your attributes.(The first p tag) Change the second selector to something like p:last-of-type or give your p … Read more
The property checked expects boolean value. (CheckboxControl) How did you define myAttr in attributes? If you set myAttr to ‘1’ or ‘0’ it is both true. Try empty instead of ‘0’ props.setAttributes({ myAttr: ” }) or false.