You can use these to get the start and end of the selection: var startIndex = wp.data.select(‘core/block-editor’).getSelectionStart(); var endIndex = wp.data.select(‘core/block-editor’).getSelectionEnd();
You can register a template for your CPT and lock that template so users cannot add, move, or delete blocks. There are several ways to set up the template, but since your CPT is already registered, the easiest might be: <?php add_action( ‘init’, ‘wpse_360075_register_block_template’ ); function wpse_360075_register_block_template() { // Make sure to change “yourcptslug” to … Read more
Well, just change this: el( ColorPalette, { value: props.attributes.paletteData[0], onChange: updatePalette, } ) to this: el( ‘div’, {}, props.attributes.paletteData.map( function ( value, i ) { return el( ColorPalette, { ‘value’: value, onChange: updatePalette, key: ‘color-‘ + i, // required //… } ); } ) ) I.e. Pass an array of elements as the third parameter: … Read more
You need to provide a key for the section element in your edit() function (which returns an array of elements): edit() { return([ <section key=”my-key”> <div className=”container”> <h2>Title here</h2> </div> </section> ]) },
Your problem is caused by a typo: selected={ attributes.positon } positon is not the same as position, this should have generated a warning in the browser console, and would have been picked up by appropriate eslint rules
I was looking for the same thing. This Answer by SkyShab did the trick. Posted below for convenience. wp.data.dispatch(‘core/editor’).editPost( {template: “template-name.php”} )
Finally, I found out how to do it. Just call fetchApi in componentDidMount and then create a new state in your component and add the response to this state when the request is done: constructor(props) { super(props); this.state = { data: {}, }; } componentDidMount() { apiFetch( { path: ‘/wp/v2/users/1’ } ) .then(data => this.setState({ … Read more
Using the Align options you found (Align left, Align center, Align right) is often the easiest way to allow text to flow around your images in your WordPress posts. Add the Image Select Align right in Image options Add some text (puts Image in Paragraph block) Adjust the width of the Image block so the … Read more
You should be able to add more colors using the add_theme_support function as per the docs here add_theme_support( ‘editor-color-palette’, array( array( ‘name’ => __( ‘strong magenta’, ‘themeLangDomain’ ), ‘slug’ => ‘strong-magenta’, ‘color’ => ‘#a156b4’, ), array( ‘name’ => __( ‘light grayish magenta’, ‘themeLangDomain’ ), ‘slug’ => ‘light-grayish-magenta’, ‘color’ => ‘#d0a5db’, ), array( ‘name’ => __( … Read more
A late reply but I thought I would include a snippet that worked for me. Update $allowed_inner_blocks with your own “block_types” and place the following code inside the parent block template; <?php $allowed_inner_blocks = [‘acf/logos’]; ?> <InnerBlocks allowedBlocks=”<?php echo esc_attr(wp_json_encode($allowed_inner_blocks)); ?>” />