Gutenberg: Block validation failed

In short, when saving an attribute, make sure its type matches the one that you defined in the block’s attributes option. The docs says: Lastly, make sure that you respect the data’s type when setting attributes, as the framework does not automatically perform type casting of meta. Incorrect typing in block attributes will result in … Read more

Removing Default Gutenberg Blocks, But Keeping Reusable Block Functionality?

The reusable block is registered with the core/block name. I tried to add it to the allowed blocks in the allowed_block_types filter, here’s an example: add_filter( ‘allowed_block_types’, ‘wpse324908_allowed_block_types’, 10, 2 ); function wpse324908_allowed_block_types( $allowed_blocks, $post ) { $allowed_blocks = array( ‘core/block’, // <– Include to show reusable blocks in the block inserter. ‘core/image’, ‘core/paragraph’, ); … Read more

How to change text size of Gutenberg editor

If you came here, like me, looking for how to adjust the available text size options within Gutenberg, you can add this code to your theme’s functions.php file (you can add as many options as you like): add_theme_support( ‘editor-font-sizes’, array( array( ‘name’ => __( ‘Normal’, ‘your-theme-text-domain’ ), ‘shortName’ => __( ‘N’, ‘your-theme-text-domain’ ), ‘size’ => … Read more

Add metabox to document tab in gutenberg

Here is the solution. Hope it will help you const { registerPlugin } = wp.plugins; const { PluginDocumentSettingPanel } = wp.editPost; const MyDocumentSettingTest = () => ( &ltPluginDocumentSettingPanel className=”my-document-setting-plugin” title=”My Panel”&gt &ltp>My Document Setting Panel&lt/p> &lt/PluginDocumentSettingPanel> ); registerPlugin( ‘document-setting-test’, { render: MyDocumentSettingTest } ); https://github.com/WordPress/gutenberg/blob/master/packages/edit-post/src/components/sidebar/plugin-document-setting-panel/index.js#L86

Allow excerpt for pages in Gutenberg?

It’s nothing new with the block editor, it’s the same age-old way by putting the following code into your theme’s functions.php: add_action( ‘init’, ‘wpse325327_add_excerpts_to_pages’ ); function wpse325327_add_excerpts_to_pages() { add_post_type_support( ‘page’, ‘excerpt’ ); } Here’s my screenshot in a fresh WordPress 5.0.3 install:

How to make a script load after Custom Block is loaded in the editor?

I couldn’t find a built in ACF way of doing this. Instead, in my block’s PHP render function I added printf( “<script>window.jQuery(window).trigger(‘acf/loaded/block-name’);</script>” ); This uses jQuery as an event bus to trigger an event when the block is rendered. You might need to include a check that you’re in the admin so the event won’t … Read more