不凡博客(Bufanz.com)
ZBlog/WordPress网站搭建
ZBlog/WordPress速度优化
ZBlog/WordPress插件定制
ZBlog主题模板定制、仿站
32624142(注明来意)

WordPress的古腾堡编辑器上传和粘贴图片自动居中对齐

WordPress | 2021年07月08日23:07:24 | 阅读:1246 | 评论:0

京东电脑馆,潮玩好物集

说明

  古腾堡完全使用JS驱动,它有一套单独的基于JS的钩子体系。

操作步骤

一、在当前使用的主题的所在目录创建名为js的目录,在js目录内再创建名为custom-image-block.js,再将以下代码复制粘贴到js文件中。

代码

wp.hooks.addFilter(
    'blocks.registerBlockType',
    'textdomain/change-image-default-alignment',
    function (settings, name) {
      if (name !== 'core/image') {
        return settings;
      }
      const newSettings = {
        ...settings,
        attributes: {
          ...settings.attributes,
          align: { type: 'string', default: 'center' },
        },
      };
      return newSettings;
    },
);

完整路径是:http(s)://域名/wp-content/themes/当前主题目录名/js/custom-image-block.js

二、在后台打开“主题编辑器”,打开模板函数functions.php,把以下代码复制粘贴到模板函数文件中并更新文件。

add_action( 'enqueue_block_editor_assets', function () {
    // JS文件保存路径,把/js改成你想保存到的主题目录下
    $js_dir = get_stylesheet_directory_uri() . '/js';
    wp_enqueue_script( 'custom-image-block', $js_dir . '/custom-image-block.js', array(
        'wp-blocks',
        'wp-dom'
    ), '', true );
}, 100 );

WordPress的古腾堡编辑器上传和粘贴图片自动居中对齐

淘宝购物先领券,更省钱

本文标题:WordPress的古腾堡编辑器上传和粘贴图片自动居中对齐

本文链接:https://bufanz.com/post/35.html

温馨提示:本文是作者 不凡 的原创文章,转载请注明出处和附带本文链接!

网友点评 展开评论

本文暂无评论 - 欢迎您

  • 文章

    175篇

  • 评论

    108条

  • 用户

    191位