Wordpress 如何更改WP Gutenberg';s类别组件面板?

Wordpress 如何更改WP Gutenberg';s类别组件面板?,wordpress,wordpress-gutenberg,Wordpress,Wordpress Gutenberg,在Gutenberg Editor中,我尝试修改类别面板(右边的面板,我在其中选择我的文章将放置到的类别)。 如果某个类别有子类别,则不能向该类别添加帖子。由于类别是静态的,所以可以使用category-id 我的想法是使用enqueue\u block\u editor\u assets并添加一些javascript,通过元素的ID禁用复选框。 这不起作用,找不到元素:-( 这是到目前为止我的无效代码: functions.php: 函数gutenberg_enqueue() { wp_排队_

在Gutenberg Editor中,我尝试修改类别面板(右边的面板,我在其中选择我的文章将放置到的类别)。 如果某个类别有子类别,则不能向该类别添加帖子。由于类别是静态的,所以可以使用category-id

我的想法是使用
enqueue\u block\u editor\u assets
并添加一些javascript,通过元素的ID禁用复选框。 这不起作用,找不到元素:-(

这是到目前为止我的无效代码:

functions.php:

函数gutenberg_enqueue()
{
wp_排队_脚本(
“古腾堡补充脚本”,
获取样式表目录uri()。/gutenberg additions.js',
array(),true,true
);
}
添加操作('enqueue\u block\u editor\u assets','gutenberg\u enqueue',999);
(我使用
get\u stylesheet\u directory\u uri()
,因为我在子主题中)

gutenberg-additions.js:

window.onload = function () {
    var cat1 = document.getElementById('editor-post-taxonomies-hierarchical-term-1');
    if (cat1 != null) {
        cat1.disabled = true;
    }

欢迎使用Stackoverflow。中有一个例子。它是用旧的es5语法编写的,但应该可以轻松地传输到esnext。它使用
编辑器.PostTaxonomyType
过滤器编辑分类组件

var el = wp.element.createElement;

function customizeProductTypeSelector( OriginalComponent ) {
    return function( props ) {
        if ( props.slug === 'product-type' ) {
            return el(
                'div',
                {},
                'Product Type Selector'
            );
        } else {
            return el(
                OriginalComponent,
                props
            );
        }
    }
};

wp.hooks.addFilter(
    'editor.PostTaxonomyType',
    'my-custom-plugin',
    customizeProductTypeSelector
);
如果您需要更多信息,请阅读上的评论