WordPress 5.9 内联样式怎么移除?

今天,三零软件发布文章时顺便把WordPress更新到了5.9,升级完之后才发现,在网站的头部出现了一大段内联样式,这个可能是WordPress5.9为新增加的“网站编辑器”预设的样式,我们现在用不到这个功能,要先将它移除,那么WordPress5.9内联样式怎么移除呢,别急,我们这就来给大家分享。

  仅移除WordPress5.9新增的内联样式

在WordPress5.9版本之前也是有内联样式的,如果你仅需要移除新增加的内联样式,那么将下面的代码添加至当前主题function.php的最后:

add_action( 'wp_enqueue_scripts', 'remove_global_styles' );
function remove_global_styles(){
	wp_dequeue_style( 'global-styles' );
}

移除所有区块的内联样式

function remove_wp_block_library_css(){
wp_dequeue_style( 'wp-block-library' );
wp_dequeue_style( 'wp-block-library-theme' );
wp_dequeue_style( 'wc-block-style' ); // 移除WOO插件区块样式
wp_dequeue_style( 'global-styles' ); // 移除 THEME.JSON
}
add_action( 'wp_enqueue_scripts', 'remove_wp_block_library_css', 100 );

移除内联样式和页脚 SVG

除了上述的样式以外,三零软件在页脚也发现了 SVG 代码,用不到也可以移除,相关代码如下:

add_action('after_setup_theme', function() {
	// 移除 SVG 和全局样式
	remove_action('wp_enqueue_scripts', 'wp_enqueue_global_styles');
	// 删除添加全局内联样式的 wp_footer 操作
	remove_action('wp_footer', 'wp_enqueue_global_styles', 1);
	// 删除render_block 过滤器
	remove_filter('render_block', 'wp_render_duotone_support');
	remove_filter('render_block', 'wp_restore_group_inner_container');
	remove_filter('render_block', 'wp_render_layout_support_flag');
});

以上的这些代码就是WordPress5.9内联样式怎么移除的教程,大家将它们复制、粘贴到正确位置即可,WordPress5.9还新增了其他很多功能,以后我们有空再继续聊聊。

请登录后发表评论

    没有回复内容