今天,电脑笔记网发布文章时顺便把 WordPress 更新到了 5.9,升级完之后才发现,在网站的头部出现了一大段内联样式,这个可能是 WordPress 5.9 为新增加的“网站编辑器”预设的样式,我们现在用不到这个功能,要先将它移除,那么 WordPress 5.9 内联样式怎么移除呢,别急,我们这就来给大家分享。
WordPress 5.9 内联样式移除详细教程
仅移除 WordPress 5.9 新增的内联样式
在 WordPress 5.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');
});
以上的这些代码就是 WordPress 5.9 内联样式怎么移除的教程,大家将它们复制、粘贴到正确位置即可,WordPress 5.9 还新增了其他很多功能,以后我们有空再继续聊聊。