I want to remove the bold option from the toolbar in the wordpress paragraph block. At the moment, it cannot be done, the paragraph block doesn’t use the format API but instead hardcodes the markup for those buttons in the toolbar component You could: strip out the bold tags on save in PHP hide the … Read more
Put simply, your block misbehaves. Given a set of parameters, the block should always give you the same result. The editor uses this as a check, and if the result does not match, then something is wrong and the blocks implementation has a bug. In your blocks case, this is because when generating the markup, … Read more
The first argument $handle of wp_set_script_translations() expects the script handle the text domain will be attached to. In your case it’s simpletoc and not simpletoc-js. The correct call would be: wp_set_script_translations( ‘simpletoc’, ‘simpletoc’ ); Another note: wp_set_script_translations() is available since WordPress 5.0 thus the function_exists() check isn’t necessary.
I would recommend moving to a dynamic block as opposed to a static one. The difference being that dynamic blocks are rendered via PHP and don’t save the markup in the database. This allows you to make any changes you want to the block output and it will be reflected without needing to update each … Read more
I solved the problem by rendering my block’s content, a component, to a string and making that string the value of a RichText component in my block’s save function. To make my component a string, I used renderToString: // Create the content and the block const myContent = ( <MyComponent>{“Some content”}</MyComponent> ); const myBlock = … Read more
You have two options: You write only one InspectorControls and put it in your main component/block and remove the InpertorControls from your Title and PreTitle js files. Don’t forget to change the onChange function name ‘onChangeToggleField’ cause they both share the same function name. Whatever props you change now, should be now passed to Title … Read more
Add this additional variable to your wp-config file: define ( ‘SCRIPT_DEBUG’, true); Also, inline styling directly in react is declared differently is similar but different in many ways than pure, vanilla CSS. For example, <ul class=”home-slider content-slider lightSlider lSFade” style=”height: 0px; padding-bottom: 71.9931%;”> is written in react as: <ul className={ ‘home-slider content-slider lightSlider lSFade’} style={{ … Read more
WordPress Dependency extraction plugin @wordpress/dependency-extraction-webpack-plugin basically makes your ES6 dependency imports use WordPress scripts instead of adding them to the bundle over and over. This makes modules registered and enqueued in WordPress (including but not limited to jquery, moment and react and wp.* modules) to be properly excluded from builds. You can add additional dependencies … Read more
You can use the Gutenberg Block Template it is used to have a content placeholder for your Gutenberg content. https://developer.wordpress.org/block-editor/developers/block-api/block-templates/ <?php function myplugin_register_template() { $post_type_object = get_post_type_object( ‘post’ ); $post_type_object->template = array( array( ‘core/image’ ), ); } add_action( ‘init’, ‘myplugin_register_template’ );
I thought of many alternatives: create global variable, This implies a fundamental misunderstanding of how PHP works. Global variables don’t persist across requests, nothing persists from the PHP side unless it’s stored in a file or database, as WP is loaded from scratch on every request. There is no persistant process like a Node web … Read more