WordPress 5.9内联样式怎么移除_WordPress 5.9内联样式移除详细教程

WordPress教程 pcbiji 44 次浏览 0评论

今天,电脑笔记网发布文章时顺便把 WordPress 更新到了 5.9,升级完之后才发现,在网站的头部出现了一大段内联样式,这个可能是 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 还新增了其他很多功能,以后我们有空再继续聊聊。

转载请注明:电脑笔记网 » WordPress 5.9内联样式怎么移除_WordPress 5.9内联样式移除详细教程

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址