今天,三零软件发布文章时顺便把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还新增了其他很多功能,以后我们有空再继续聊聊。

没有回复内容