// Add custom spacer styles wp.domReady(() => { wp.blocks.registerBlockStyle("core/image", { name: "stretch", label: "Stretch", }); }); wp.domReady(function () { // wp.blocks.unregisterBlockStyle( // "custom-block/responsive-spacers", // "spacer-large" // ); }); const { registerBlockType } = wp.blocks; registerBlockType("custom-block/responsive-spacers", { title: "Responsive Spacer", icon: "editor-expand", category: "design", styles: [ { name: "small", label: "Small", }, { name: "medium", label: "Medium", isDefault: true, }, { name: "large", label: "Large", }, ], supports: { anchor: true, }, getEditWrapperProps() { return { className: "responsive-spacer-block", }; }, edit({ className }) { return <div className={className}> </div>; }, save() { return <div> </div>; }, });
cải xoăn