为什么我可以在帖子中添加新的自定义Gutenberg块,但是一旦发布它们就不再受支持了?

时间:2019-11-27 10:02:41

标签: wordpress gutenberg-blocks

我有一个如下定义的Gutenberg自定义布局块。该代码位于 plugins / my-plugin-name / gutenberg-blocks / my-block-name / block.js 中。

此区块过去一直在起作用,我不确定是什么更改破坏了它。

我能够创建一个新的帖子,并在页面中添加完全像预期的那样的代码块。如果然后发布该帖子,则会收到以下消息:

  

您的网站不支持   “ mytheme / bootstrap-container-layout”块。你可以离开这个   完整保留其块,将其内容转换为自定义HTML块,或将其删除   完全。

该帖子按预期显示在前端。保存页面后,导致古腾堡无法识别已保存的块,该怎么办?

我尝试禁用其他插件并从正在运行的暂存站点复制构建的插件,但都没有成功。

import { themeName } from '../../helpers/variables.js'

const { __ } = wp.i18n;
const { registerBlockType } = wp.blocks;
const { InnerBlocks } = wp.blockEditor;

export default function(){
  registerBlockType('mytheme/bootstrap-container-layout', {
    title: __('XX Layout - Bootstrap Container', themeName),
    description: __('Layout block created for the specific page. Use it to include other contained blocks.', themeName),
    icon: 'editor-expand',
    category: 'xx-layouts',
    attributes: {
    },
    edit(props) {
      const { className } = props;

      return(
        <div className="container">
          <div className="row">
            <div className="col-12">
              <InnerBlocks />
            </div>
          </div>
        </div>
      );
    },
    save(props) {
      return (
        <div className="container">
          <div className="row">
            <div className="col-12">
              <InnerBlocks.Content />
            </div>
          </div>
        </div>
      );
    }
  })
}

0 个答案:

没有答案