说明
古腾堡完全使用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 );
![图片[1]-WordPress的古腾堡编辑器上传和粘贴图片自动居中对齐-微看VCAN](https://www-vcan-1255523153.cos.ap-guangzhou.myqcloud.com/2022/12/20221202084558915.jpg)
👋 感谢您的观看!
© 版权声明
本站网络名称: 微看VCAN网
本站永久网址: https://www.dzq3.com
网站侵权说明: 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长删除处理。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
暂无评论内容