如何禁用插入块按钮并不允许在“ InnerBlocks”中添加任何块

时间:2019-09-30 04:22:00

标签: wordpress wordpress-gutenberg gutenberg-blocks

我正在创建一个自定义的gutenberg块,但是我想禁用或删除块顶部和底部的插入块按钮。 另外,我不想通过单击按钮添加来添加更多块。

我正在使用WordPress 5.2.3

<InnerBlocks
    template={ [ 'item' ] }
    templateLock={ false }
    allowedBlocks={ false }
/>

1 个答案:

答案 0 :(得分:0)

使用所需的InnerBlock(以各自的顺序)(以及可能的占位符,嵌套块...)将您的块模板定义为多维数组。并将它放在组件导入的下方,位于阻止文件的顶部。

const TEMPLATE = [ ['foo/block1', {}, []], ['foo/block2', {}, []], ]

在您的编辑功能中使用

<InnerBlocks template={TEMPLATE} templateLock="all" />

  • "all"完全锁定了模板,无法添加任何块, 删除或重新排序
  • "false"模板未锁定
  • "insert"块只能重新排序

由于您不希望添加任何块,因此可以省略allowedBlocks。仅在允许添加某些块(与templateLock="false"组合)时才需要