0

div我用guten-block构建了一个简单的块。

一切都做了它应该做的，但如果我给div一个自定义类，那么它不会在后端呈现。

我怎样才能改变这个？

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

/**
 * BLOCK: bootstrap-blocks
 *
 * Registering a bootstrap container
 */

import { registerBlockType } from '@wordpress/blocks';
import { InnerBlocks } from '@wordpress/editor';
const { __ } = wp.i18n;

registerBlockType( 'div-block/main', {
  title: 'div',
  icon: 'index-card',
  category: 'bootstrap-blocks',
    edit( { attributes, className, setAttributes } ) {
        return (
            <div className={ 'container' }>
                <InnerBlocks />
            </div>
        );
    },
    save( { attributes } ) {
        return (
            <div className={ 'container' }>
                <InnerBlocks.Content />
            </div>
        );
    },
} );

4

1 回答 1

0

WP Admin 编辑器区域使用主题的editor-style.css文件详细信息进行样式设置。

使用 Gutenburg 的管理编辑器使用相同的文件，但有一些小警告。也就是说，它会body在 CSS 中自动转换为，.editor-styles-wrapper因为编辑器区域不再加载到 iframe 中（经典编辑器是/已加载到 iframe 中） - details。

所以直接点，添加add_theme_support('editor-styles');到你的functions.php文件，然后在你的主题editor-style.css文件中添加你的块样式。

于 2019-01-26T19:35:23.270 回答