根据WooCommerce Documentation. 它可能只是与子主题中的用法有关,但我认为这仍然有效。
作为参考,以下是我用来替换默认WooCommerce CSS文件的内容。这只会禁用“常规”样式(颜色、按钮等),但会保留结构化和响应性设计。如果你想全部删除,只需查看评论即可。
如果这对您不起作用,那么这不是您发布的代码的问题,而是您如何包含它的问题。
// Disable WooCommerce\'s Default Stylesheets
function disable_woocommerce_default_css( $styles ) {
// Disable the stylesheets below via unset():
unset( $styles[\'woocommerce-general\'] ); // Styling of buttons, dropdowns, etc.
// unset( $styles[\'woocommerce-layout\'] ); // Layout for columns, positioning.
// unset( $styles[\'woocommerce-smallscreen\'] ); // Responsive design for mobile devices.
return $styles;
}
add_action(\'woocommerce_enqueue_styles\', \'disable_woocommerce_default_css\');
// Add a custom stylesheet to replace woocommerce.css
function use_woocommerce_custom_css() {
// Custom CSS file located in [Theme]/woocommerce/woocommerce.css
wp_enqueue_style(
\'woocommerce-custom\',
get_template_directory_uri() . \'/woocommerce/woocommerce.css\'
);
}
add_action(\'wp_enqueue_scripts\', \'use_woocommerce_custom_css\', 15);