Gutenberg moving core blocks between categories

admin管理员组

文章数量:1023204

I've restricted a number of the default core Gutenberg blocks as many are unnecessary for my clients and will just add to the confusion of having the new editor.

The result of this is some core categories just have a single block inside them e.g. "formatting" only has a table.

Is it possible to edit/remove core block categories and move all blocks under a single category??

Limiting my blocks;

add_filter( 'allowed_block_types', 'res_allowed_block_types' );
function res_allowed_block_types( $allowed_blocks ) {
    return array(
        'core/image',
        'core/paragraph',
        'core/heading',
        'core/list',
        'core/quote',
        'core/cover-image',
        'core/file',
        'core/video',
        'core/table',
        'core/separator',
    );
}

I've restricted a number of the default core Gutenberg blocks as many are unnecessary for my clients and will just add to the confusion of having the new editor.

The result of this is some core categories just have a single block inside them e.g. "formatting" only has a table.

Is it possible to edit/remove core block categories and move all blocks under a single category??

Limiting my blocks;

add_filter( 'allowed_block_types', 'res_allowed_block_types' );
function res_allowed_block_types( $allowed_blocks ) {
    return array(
        'core/image',
        'core/paragraph',
        'core/heading',
        'core/list',
        'core/quote',
        'core/cover-image',
        'core/file',
        'core/video',
        'core/table',
        'core/separator',
    );
}

• block-editor

Share Improve this question edited May 6, 2019 at 15:29 Christine Cooper♦ 8,89777 gold badges6060 silver badges9393 bronze badges asked Dec 7, 2018 at 10:28 SamXronnSamXronn 19511 gold badge33 silver badges1818 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 4

Although I'm unsure on how to achieve this in php, within javascript you can change the category by hooking into the blocks.registerBlockType hook.

Here is a small example how it would work, although I'd recommend using lodash to deepClone the settings object to keep everything immutable.

const rearrangeBlockCategories = {
  'core/table': 'common',
};

wp.hooks.addFilter('blocks.registerBlockType', '[namespace]', (settings, name) => {
  if (rearrangeBlockCategories[name]) {
    settings.category = rearrangeBlockCategories[name];  
  }

  return settings;

});

I've restricted a number of the default core Gutenberg blocks as many are unnecessary for my clients and will just add to the confusion of having the new editor.

The result of this is some core categories just have a single block inside them e.g. "formatting" only has a table.

Is it possible to edit/remove core block categories and move all blocks under a single category??

Limiting my blocks;

add_filter( 'allowed_block_types', 'res_allowed_block_types' );
function res_allowed_block_types( $allowed_blocks ) {
    return array(
        'core/image',
        'core/paragraph',
        'core/heading',
        'core/list',
        'core/quote',
        'core/cover-image',
        'core/file',
        'core/video',
        'core/table',
        'core/separator',
    );
}

I've restricted a number of the default core Gutenberg blocks as many are unnecessary for my clients and will just add to the confusion of having the new editor.

The result of this is some core categories just have a single block inside them e.g. "formatting" only has a table.

Is it possible to edit/remove core block categories and move all blocks under a single category??

Limiting my blocks;

add_filter( 'allowed_block_types', 'res_allowed_block_types' );
function res_allowed_block_types( $allowed_blocks ) {
    return array(
        'core/image',
        'core/paragraph',
        'core/heading',
        'core/list',
        'core/quote',
        'core/cover-image',
        'core/file',
        'core/video',
        'core/table',
        'core/separator',
    );
}

• block-editor

Share Improve this question edited May 6, 2019 at 15:29 Christine Cooper♦ 8,89777 gold badges6060 silver badges9393 bronze badges asked Dec 7, 2018 at 10:28 SamXronnSamXronn 19511 gold badge33 silver badges1818 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 4

Although I'm unsure on how to achieve this in php, within javascript you can change the category by hooking into the blocks.registerBlockType hook.

Here is a small example how it would work, although I'd recommend using lodash to deepClone the settings object to keep everything immutable.

const rearrangeBlockCategories = {
  'core/table': 'common',
};

wp.hooks.addFilter('blocks.registerBlockType', '[namespace]', (settings, name) => {
  if (rearrangeBlockCategories[name]) {
    settings.category = rearrangeBlockCategories[name];  
  }

  return settings;

});

本文标签： Gutenberg moving core blocks between categories