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
import will import those items from a package. const is just an indicator that a variable is a constant, a variable that cannot be reassigned. E.g. const number = 5;. In this case, these 2 lines do exactly the same thing: const useSelect = wp.data.useSelect; const useSelect = window.wp.data.useSelect; The important difference being that if … Read more
My main problem is: how can I pass to my <ServerSideRender /> block the children of my block? Well actually, you might not need to use ServerSideRender.. If you just wanted to see a preview of the block output coming from the save() function, then you could simply use getSaveElement() to get that output, or … Read more
Just in case anyone else comes looking here’s what I did. First I enqueued a javascript file into the block editor. add_action( ‘enqueue_block_editor_assets’, function () { wp_enqueue_style( ‘block-editor-styles’, get_template_directory_uri(‘styles/gutenberg.css’), false, ‘1.0’, ‘all’ ); wp_enqueue_script( ‘block-editor-scripts’, get_template_directory_uri(‘scripts/gutenberg.js’), array( ‘wp-blocks’, ‘wp-dom’ ), time(), true ); }); Then I just used this bit of code for adding a … Read more
I found a workaround, sparked by @tmdesigned’s answer, which I’m going to post as an answer. It is not pretty and I don’t think it can be the “canonical” answer, but hopefully it helps us get there. So first, I kept the attributes using a source: children: tabs: { type: ‘array’, source: ‘children’, selector: ‘ul.tabs’, … Read more