禁用woocommerce默认样式stylesheet

ytkah

发布于 2020-02-13 00:11:23

1.5K0

发布于 2020-02-13 00:11:23

文章被收录于专栏：ytkahytkah

　　用woocommerce建站有时我们不想要它的默认样式，那要如何屏蔽呢？当然ytkah是不会告诉你去注释删除css代码的，默认情况下WooCommerce会嵌入3个样式表，我们可以通过在当前主题的function.php文件中添加以下代码禁用它们，

add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

　　参考资料https://gist.github.com/woogists/8af93b901eac5d4dc2fb1452516c1079#file-wc-disable-default-stylesheet-php

　　如果您正在构建自定义主题，这是推荐的方法。删除默认的WooCommerce样式表并加入自己的队列将在WooCommerce核心更新期间保护您。

　　上面是屏蔽所有默认样式，如果你想禁用特定的样式表(如：你不想包含处理样式表)，你可以使用以下代码:

/**
 * Set WooCommerce image dimensions upon theme activation
 */
// Remove each style one by one
add_filter( 'woocommerce_enqueue_styles', 'jk_dequeue_styles' );
function jk_dequeue_styles( $enqueue_styles ) {
	unset( $enqueue_styles['woocommerce-general'] );	// Remove the gloss
	unset( $enqueue_styles['woocommerce-layout'] );		// Remove the layout
	unset( $enqueue_styles['woocommerce-smallscreen'] );	// Remove the smallscreen optimisation
	return $enqueue_styles;
}

// Or just remove them all in one line
add_filter( 'woocommerce_enqueue_styles', '__return_false' );

　　参考资料https://gist.github.com/woogists/1f779d37ecfda7fae76ce22b513fa4b6#file-wc-disable-specific-stylesheets-php

　　然后插入自己定义的样式，如：

/**
 * Enqueue your own stylesheet
 */
function wp_enqueue_woocommerce_style(){
	wp_register_style( 'mytheme-woocommerce', get_template_directory_uri() . '/css/woocommerce.css' );
	
	if ( class_exists( 'woocommerce' ) ) {
		wp_enqueue_style( 'mytheme-woocommerce' );
	}
}
add_action( 'wp_enqueue_scripts', 'wp_enqueue_woocommerce_style' );

　　参考资料https://gist.github.com/woogists/bdd2a926e000f72bed3217200f203d53#file-wc-default-stylesheet-php

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2020-01-16 ，如有侵权请联系 cloudcommunity@tencent.com 删除

github