建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

WordPress如何去除出现在wp5.9+中的内联样式全局样式内联css和svg图片

GG网络技术分享 2025-03-18 16:09 12


最近的模板兔发现wordpress5.9+版本会在前端插入global-styles内联样式,底部插入大量svg图片。 对我们来说,这些代码有点多余,所以我们决定删除它们。

在主题的functios.php 中添加

 function mbt_remove_global_styles(){

   wp_dequeue_style( 'global-styles' );

}

add_action( 'wp_enqueue_scripts', 'mbt_remove_global_styles' );

那么,如何去除svg图片呢?在主题根目录下新建一个theme.json文件,编写如下代码

 {

"version": 1,

"settings": {

"color": {

"duotone": null

}

}

}

一键删除内联样式和 svg 图像

 function remove_global_styles(){

remove_action('wp_enqueue_scripts', 'wp_enqueue_global_styles');

remove_action('wp_footer', 'wp_enqueue_global_styles', 1);

}

add_action('after_setup_theme', 'remove_global_styles', 10, 0);

删除所有块样式

 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 );

}

标签:

提交需求或反馈

Demand feedback