我添加了对的支持align-wide
我的主题,但我不知道如何禁用某些现有块的此功能。
我检查一下Gutenberg documentation 但我找不到解决办法。
add_theme_support( \'align-wide\' );
我添加了对的支持align-wide
我的主题,但我不知道如何禁用某些现有块的此功能。
我检查一下Gutenberg documentation 但我找不到解决办法。
add_theme_support( \'align-wide\' );
根据the gutenberg handbook 您可以使用blocks.registerBlockType
允许您使用块设置的过滤器。
对于大多数wp核心块,修改supports.align
物业运作良好:
wp.hooks.addFilter(
\'blocks.registerBlockType\',
\'my-theme/namespace\',
function( settings, name ) {
if ( name === \'core/pullquote\' ) {
return lodash.assign( {}, settings, {
supports: lodash.assign( {}, settings.supports, {
// disable the align-UI completely ...
align: false,
// ... or only allow specific alignments
// align: [\'center,\'full\'],
} ),
} );
}
return settings;
}
);
在我的测试中,除了core/image
, core/paragraph
, core/heading
和core/quote
. ...
{
align: [\'left\',\'full\'],
}
...
控制的可用路线的步骤core/image
块,则必须使用editor.BlockEdit
滤器core/paragraph
, core/heading
和core/quote
即块对齐(由ClasseName定义alignleft
, alignwide
, ... 在前端和data-align
编辑器中的属性)未与文本对齐(在样式属性中定义)明确分开,这会导致如下奇怪的结果:[UPDATE 2019-11-13]: 从WP 5.3开始,这在core/cover
现在
你指的是你自己建造的街区还是现有的街区?
如果您正在构建自己的模块,您可以这样做:
<BlockControls key="controls">
<BlockAlignmentToolbar
value={ align }
onChange={ ( align ) => setAttributes( { align } ) }
controls={ [ \'wide\', \'full\' ] }
/>
</BlockControls>
const { BlockControls, BlockAlignmentToolbar } = wp.editor;