Because { content } is shorthand for { content: content } it’s a JS thing not a WordPress thing. Both methods work and do the same thing, but the { content } syntax is shorter, so the variable was named content in newer examples to allow it. Otherwise, there are no security or performance improvements, … Read more
As far as I understand the wp_head and wp_footer actions should still work under FSE in WP 5.9+, through the template canvas PHP file that’s loaded through the locate_block_template(). That PHP file contains the basic HTML structure and there we find e.g. the familiar wp_head() and wp_footer() function calls that we usually had in the … Read more
Due to the getDocumentTitle selector being deprecated as mentioned here https://stackoverflow.com/questions/51674293/use-page-title-in-gutenberg-custom-banner-block/51792096#comment92130728_51792096 I managed to get it working with a slight tweak to the code by Jim-miraidev var GetTitle = function GetTitle(props) { return el(“h1”, {className: “jab-banner-title”}, props.title); }; var selectTitle = withSelect(function (select) { var title; if (typeof select(“core/editor”).getPostEdits().title !== ‘undefined’) { title = select(“core/editor”).getPostEdits().title; … Read more
(I revised this answer mainly to let other readers and you know the issues I originally noticed in your steps as shown in the question.) So in my original answer, I was focused on suggesting you to just go with the multiple script translation files, but I thought I should clarify the three things below: … Read more
In the slider-item you can specify parent must be slider. That way, the slider-item cannot be used outside of your slider container block. Something like: registerBlockType(‘ajk/slider-item’, … parent: [‘ajk/slider’], https://wordpress.org/gutenberg/handbook/block-api/#parent-optional
Here’s an untested suggestion, to remove an HTML block of type: <!– wp:block/timed-block {“dateFrom”:”2018-11-14″, “dateTo”:”2018-12-18″} –> <section> … </section> <!– /wp:block/timed-block –> from the rendered content, using the render_block filter (available in 5.0+): add_filter( ‘render_block’, function( $block_content, $block ) { // Remove the block/timed-block from the rendered content. if ( ‘block/timed-block’ === $block[‘blockName’] ) { … Read more
Actually it can be done with the filter: const { createHigherOrderComponent } = wp.compose; const withCustomClassName = createHigherOrderComponent( ( BlockListBlock ) => { return ( props ) => { if(props.attributes.size) { return <BlockListBlock { …props } className={ “block-” + props.attributes.size } />; } else { return <BlockListBlock {…props} /> } }; }, ‘withClientIdClassName’ ); wp.hooks.addFilter( … Read more
Actually InspectorControls is not deprecated. It’s been moved to another namespace or under a different object, which is wp.editor. So the latest way of adding controls in side panel is the following (in JSX) – // Destruct components // Place at the top of the block file const { InspectorControls } = wp.editor; const { … Read more
Gutenberg reusable blocks – is it possible to customise an instance?
How to use getBlockIndex