Integrate Gutenberg as a Standalone App

Yes, You can use Gutenberg as a standalone app or CMS agnostic app. Drupal using Gutenberg as a npm module and then integrating in their own CMS. Drupal Gutenberg is decoupling Gutenberg from WordPress and using as JS editor Gutenberg JS. This way, developers can build block for Gutenberg and port it to two different … Read more

show classes as dropdown in guttenberg`s additional css classes input box

You should add a custom plugin. That’s need a PHP main file that include, register a JavaScript file. The source below should result in an plugin. You find a usable solution also in the probs below. PHP part add_action( ‘enqueue_block_editor_assets’, ‘my_gutenberg_scripts’ ); function my_gutenberg_scripts() { wp_register_script( ‘my-editor-enhancement’, plugins_url( ‘editor.js’, __FILE__ ), array( ‘wp-blocks’ ), // … Read more

How to use PanelColorSettings in custom Gutenberg block?

First you need to import the component – const { PanelColorSettings, } = wp.editor; then inside the InspectorControls you call the component <PanelColorSettings title={ __( ‘Color Settings’ ) } colorSettings={ [ { value: color, onChange: ( colorValue ) => setAttributes( { color: colorValue } ), label: __( ‘Background Color’ ), }, { value: textColor, onChange: … Read more

How to detect the usage of Gutenberg

There are several variants: WordPress 4.9, Gutenberg plugin is not active WordPress 4.9, Gutenberg plugin is active WordPress 5.0, Block Editor by default WordPress 5.0, Classic Editor plugin is active WordPress 5.0, Classic Editor plugin is active, but in site console in “Settings > Writing” the option “Use the Block editor by default…” is selected … Read more

Add To Gutenberg Sidebar

If you’re looking to work with the Gutenberg sidebar, WordPress has a provided tutorial that will teach you exactly how to do this: https://wordpress.org/gutenberg/handbook/designers-developers/developers/tutorials/plugin-sidebar-0/

How to remove the core embed blocks in WordPress 5.6?

With WordPress 5.6 (Gutenberg v8.8.0), the implementation of the core-embed/* blocks changed (see pull request #24090: Refactor embed block to single block with block variations). There are now 43 blocks with block variations of the core/embed block. Available core blocks are: core/paragraph core/image core/heading core/gallery core/list core/quote core/shortcode core/archives core/audio core/button core/buttons core/calendar core/categories core/code … Read more

WordPress adding scaled images that don’t exist (1536×1536 and 2048×2048)

I found the culprit! WordPress 5.3 introduced additional image sizes which can be found via /wp-includes/media.php. Updating my function, like so, removed the extra sizes: function remove_default_image_sizes( $sizes) { unset( $sizes[‘large’]); // Added to remove 1024 unset( $sizes[‘thumbnail’]); unset( $sizes[‘medium’]); unset( $sizes[‘medium_large’]); unset( $sizes[‘1536×1536’]); unset( $sizes[‘2048×2048’]); return $sizes; } add_filter(‘intermediate_image_sizes_advanced’, ‘remove_default_image_sizes’);