如何移除页脚中WooCommerce Payments的wc-blocks-checkout-style-css

你遇到的问题是头部的样式表已通过wp_enqueue_scripts移除，但页脚仍加载相同文件——这是因为该样式表可能在多个钩子中被注册/加载，仅移除头部实例不足以彻底解决。以下是几种可行的解决方法：

方法1：高优先级钩子+注销样式表 #

通过提高钩子优先级，确保在样式表加载后执行移除操作，同时注销样式表防止被重新加载：

add_action( 'wp_enqueue_scripts', 'remove_wc_blocks_checkout_style', 999 );
function remove_wc_blocks_checkout_style() {
    wp_dequeue_style( 'wc-blocks-checkout-style' );
    wp_deregister_style( 'wc-blocks-checkout-style' );
}

方法2：针对wp_footer钩子处理 #

如果样式表是在页脚通过wp_footer钩子加载的，直接在该钩子下执行移除：

add_action( 'wp_footer', 'remove_wc_blocks_checkout_style_footer', 1 );
function remove_wc_blocks_checkout_style_footer() {
    wp_dequeue_style( 'wc-blocks-checkout-style' );
    wp_deregister_style( 'wc-blocks-checkout-style' );
}

方法3：仅在特定页面保留样式 #

根据你的需求，只在需要WooCommerce的页面（比如结账页、购物车页）保留该样式，其他页面统一移除：

add_action( 'wp_enqueue_scripts', 'conditional_remove_wc_blocks_checkout_style', 999 );
function conditional_remove_wc_blocks_checkout_style() {
    // 调整条件为你的特定页面，比如is_checkout()对应结账页，is_page('your-page-slug')对应指定页面
    if ( ! is_checkout() && ! is_cart() ) {
        wp_dequeue_style( 'wc-blocks-checkout-style' );
        wp_deregister_style( 'wc-blocks-checkout-style' );
    }
}

方法4：针对Block资源钩子处理 #

如果样式表是通过Gutenberg Block的资源加载逻辑注入的，使用enqueue_block_assets钩子移除：

add_action( 'enqueue_block_assets', 'remove_block_checkout_style', 999 );
function remove_block_checkout_style() {
    wp_dequeue_style( 'wc-blocks-checkout-style' );
    wp_deregister_style( 'wc-blocks-checkout-style' );
}

注意事项 #

• 代码可添加到主题的functions.php文件，或使用自定义代码插件（如Code Snippets），避免主题更新导致代码丢失。
• 若单一方法无效，可尝试组合使用多个钩子的移除逻辑。

内容的提问来源于stack exchange，提问作者l_r