Instead of using raw DOM nodes, use the WP Element wrapper components and build it with wp scripts For example here is an ESNext block using modern JS: edit() { return ( <div style={ blockStyle }> Hello World, step 1 (from the editor). </div> ); }, And again using raw JS without the build step: … Read more
But how does the actual HTML get on the page? How does that SQL data translate into a page full of blocks? Normally the HTML for a block is inside the HTML comments. However, much like shortcodes, ACF blocks are rendered in PHP, so when the post is processed during the_content filter, that block is … Read more
Problem solved, I replaced all function calls that return HTML with : ob_start(); myFunctionDisplayHTML(); return ob_get_clean(); And the JSON response is valid. Thanks @phatskat, you got me on the right way 🙂 Solution find here
One could e.g. get the widget blocks data with: $widget_blocks = get_option( ‘widget_block’ ); and then loop through the array and run has_block() on the contant part, e.g. like (untested): function is_active_block_widget_wpse( $blockname ) $widget_blocks = get_option( ‘widget_block’ ); foreach( (array) $widget_blocks as $widget_block ) { if ( ! empty( $widget_block[‘content’] ) && has_block( $blockname, … Read more
The important thing to note is that post is a kind/sub-type of the post types entity, all posts regardless of type share the same table and general data structure and fields etc. This contrasts with other major entity types such as comments or users. However, what if there is no kind or sub-type? What if … Read more
To view and edit the slug, you need to be in the Code Editor view. Click on the Show more tools button on the upper right corner of the toolbar and click on Code Editor Click on the title and the slug/permalink will appear above. In either Visual or Code Editor, clicking on the title … Read more
Because your plugin handles both hierarchical and non-hierarchical taxonomies, then I think it might be a better option to copy the HierarchicalTermSelector component, and return the copy from the CustomizeTaxonomySelector function. And you can see how I did it here — Updated to use the JavaScript Build Setup which makes things like transpilation super easy. … Read more
WordPress is using React only on it’s backend editor not on frontend. Gutenberg work as follows: You create a block and interacts with it. (edit function) While saving gutenberg put your attributes in save function which in end returns just html WordPress uses comments to identify blocks and storing data related to it. You can … Read more
Because the WordPress hook add_theme_support( ‘editor-styles’ ); adds the css in the style-editor.css and appends the class .editor-styles-wrapper before my .wp-block, the usage of the body classes for page vs. post styles fails. Instead I use the answer from here, from David Walsh, to add the styles independently to the wp admin area: // Update … Read more
I tried to add the toolbar component and I get a syntax error about my brackets First off, JSX is indeed easier and it works like regular HTML, but with the ability to use JavaScript expressions (string literals, variables, function calls, etc.), e.g. <p>Hello, { name }</p> or <p>{ Date.now() }</p>. Now the thing which … Read more