是否可以在古腾堡中创建列宽预设?

时间:2021-08-25 作者:paper_robots

古腾堡为您提供了一些现成的好选择,但是否可以添加自定义预设?我知道我可以手动更改列,但希望有一个预设,以便在客户端上更轻松。我的另一个想法是手动将CSS中的70/30比例更改为80/20比例,但同样是因为缺少更好的选择。是否有添加预设的选项?

column presets in gutenberg

1 个回复
最合适的回答,由SO网友:paper_robots 整理而成

以防万一有人来看我,我就是这么做的。首先,我将一个javascript文件排入块编辑器。

add_action( \'enqueue_block_editor_assets\', function () {
    wp_enqueue_style( \'block-editor-styles\',  get_template_directory_uri(\'styles/gutenberg.css\'), false, \'1.0\', \'all\' );
    wp_enqueue_script( \'block-editor-scripts\', get_template_directory_uri(\'scripts/gutenberg.js\'), array( \'wp-blocks\', \'wp-dom\' ), time(), true );
});
然后我就用这段代码添加了一个列变体。

wp.domReady( function () {
  wp.blocks.registerBlockVariation(
    \'core/columns\', {
     name: \'two-columns-two-thirds-one-third-eighty-twenty\',
     title: \'80/20\',
     description: \'Two columns; two-thirds, one-third split\',
     icon: \'<svg />\',
     innerBlocks: [
        [\'core/column\', { width: \'80%\' }],
        [\'core/column\', { width: \'20%\' }],
     ],
     scope: [\'block\'],
    }
  );
});

相关推荐

MANAGE_USERS_CUSTOM_COLUMNS筛选器不触发回调函数

我使用以下函数向users表中添加了一些自定义列 public function modify_users_columns( $column_headers ) { //Remove email, role, and posts column unset( $column_headers[\'email\'], $column_headers[\'role\'], $column_headers[\'posts\'] ); //Add sponsor