将组块左对齐或右对齐

时间：2020-01-02 作者：alt

我想右对齐宽列中的组块。有没有办法让各组显示与图像块相同的对齐选项？

screenshot of available alignment options for an image block

默认情况下，组块仅提供“宽”和“全宽”。我可以自己做相应的CSS，我只需要为最终用户提供一个界面。

1 个回复
SO网友:alt

好的，我找到了一种方法browsing the source code. 我注意到帮助我的代码deprecated.js 所以这可能不会继续起作用。

这是我插件目录中的JS代码

function addAlignmentToGroups(settings, name) {
    if (name !== "core/group") {
        return settings;
    }

    return lodash.assign({}, settings, {
        supports: lodash.assign( {}, settings.supports, {
            align: [\'wide\', \'full\', \'left\', \'center\', \'right\']
        })
    });
}

wp.hooks.addFilter(
    \'blocks.registerBlockType\',
    \'myapp/alignments/group-block\',
    addAlignmentToGroups
);
以及加载它的PHP代码：

<?php

 function my_enqueue() {
     wp_enqueue_script(
         \'my-align-blocks\',
         plugins_url(\'dist/align-blocks.js\', __FILE__),
         [\'wp-blocks\']
     );
 }

 add_action(\'enqueue_block_editor_assets\', \'my_enqueue\');

标签： block-editor   小码农  

相关推荐