删除WooCommerce阻止样式

时间：2021-06-28 作者：DavidBrown

我正在研究一个定制的WooCommerce主题，理想的情况是使用WooCommerce附带的稳定的Gutenberg块。显然，我宁愿删除它们来提高页面速度，而不是用我自己的样式来超越它们来匹配设计。看起来这应该是一个简单的过程，但到目前为止还没有结果。使用此选项：

function mytheme_woocommerce_remove_block_styles() {
  wp_dequeue_style( \'wc-block-style-css\' );
}
add_action( \'wp_enqueue_scripts\', \'mytheme_woocommerce_remove_block_styles\', 100 );

我需要把它挂在更高的优先级上吗？我想100英镑就足够了。感谢您的帮助。

3 个回复

SO网友:Buttered_Toast

出列句柄不正确

应该是这样的wp_dequeue_style(\'wc-block-style\'); 而不是wp_dequeue_style(\'wc-block-style-css\');

一开始有点困惑，我同意，通过wp_enqueue_style 或wp_enqueue_script 获取css/js后缀

实例

wp_enqueue_style(\'swiper\', \'https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.6/css/swiper.min.css\')

这将创建<link> 使用id 的属性swiper-css, 我猜这就是为什么你认为为了摆脱这种风格，你需要做这个基础wp_dequeue_style(\'swiper-css\'). 但它应该是wp_dequeue_style(\'swiper\')

SO网友:Howard E

我刚刚遇到了这个问题，块样式的句柄实际上是wc-blocks-style

从HTML头部

<link rel="stylesheet" id="wc-blocks-style-css" href="https://c0.wp.com/p/woocommerce/5.6.0/packages/woocommerce-blocks/build/wc-blocks-style.css" type="text/css" media="all">

因此，要将脚本出列，您需要使用这个。

function mytheme_woocommerce_remove_block_styles() {
    wp_dequeue_style( \'wc-blocks-style\' ); // WooCommerce Blocks
}
add_action( \'wp_enqueue_scripts\', \'mytheme_woocommerce_remove_block_styles\', 100 );

SO网友:Juárez

在尝试了各种版本的出列代码后，这种组合对我来说是有效的：

function ca_deregister_woocommerce_block_styles() {
    wp_deregister_style( \'wc-blocks-style\' );
    wp_dequeue_style( \'wc-blocks-style\' );
}
add_action( \'enqueue_block_assets\', \'ca_deregister_woocommerce_block_styles\' );

标签： woocommerce-offtopic block-editor 小码农

小码农CODE

删除WooCommerce阻止样式

相关推荐