WordPress | 2021年07月08日23:07:24
古腾堡完全使用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的古腾堡编辑器上传和粘贴图片自动居中对齐
本文链接:https://bufanz.com/post/35.html
版权声明:本文章是 不凡博客(Bufanz.com) 的原创文章,未经允许请勿转载本文章!
相关文章