1

我想在inspectControl如何添加这个中添加一些扩展。请检查图像以获得更好的理解。 像这样的扩展

这是我正在使用的代码，但这个代码不起作用。你能检查一下是什么问题吗。我没有找到任何关于此的文档。请为此参考文档或教程，并请使用此代码。

registerBlockType( 'hwb/grid-column',  {
title: __( 'Column' ),
parent: [ 'hwb/grid' ],
description: __( 'A single column within a grid block.' ),
icon: getIcon( 'block-grid-column' ),
category: 'mycategory',
supports: {
        styles: true,
        spacings: true,
        display: true,
        scrollReveal: true,
    },

// Other code like edit and save functions
}
4

2 回答 2

0

“支持”属性仅支持这些值开箱即用：https ://wordpress.org/gutenberg/handbook/designers-developers/developers/block-api/block-registration/#supports-optional

如果您想创建新的侧边栏面板，那么您需要在编辑功能中使用 InspectorControls 组件，并且您放入的任何内容都会出现在侧边栏中。像这样的东西：

const { PanelBody } = wp.components
const { InspectorControls } = wp.editor
const { Fragment } = wp.element

edit(props) {
  return (
    <Fragment>
      <InspectorControls>
        <PanelBody title="Panel Heading">
          <p>I will be in the sidebar</p>
        </PanelBody>
      </InspectorControls>
      <p>I will be in the main content area.</p>
    </Fragment>
  )
}

https://wordpress.org/gutenberg/handbook/designers-developers/developers/tutorials/block-tutorial/block-controls-toolbars-and-inspector/

于 2019-03-12T16:08:48.657 回答
0

这些不是核心扩展，而是由GhostKit
创建的， 您可以在插件中启用。

启用 GhostKit 扩展（间距）

<?php
registerBlockType( 'my/block', {
    title: 'My block',
    ghostkit: {
        supports: {
            spacings: true,
        },
    },
    ...
} );

有关更多信息GhostKit 间距扩展

于 2019-03-13T07:26:23.780 回答