禁用woocommerce默認樣式stylesheet

• 2020 年 2 月 13 日
• 筆記

　　用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