[WordPress] 透過 wp_enqueue_style() 即時更新 style.css 設定的樣式

當我們要自製 WordPress 的佈景主題時，可能會需要頻繁的更動樣式，不過因為 WP 本身有暫存的關係，樣式可能會無法即時看到更新的結果，這時候可以參考以下的方法。

首先開啟佈景主題的 function.php 的檔案。

接著 add_action()，如果原本的佈景主題已經有了，則是去找到他已經設定的地方就好。比如會看到長類似這樣的內容：

wp_enqueue_style( 'main-styles', get_template_directory_uri() . '/style.css', array(), wp_get_theme()->get( 'Version' ) );

這邊的意思是指 style.css 存檔後，會以 wp_get_theme 取得的版號來當作 style.css 的版號，可以將它改成以下：

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
	wp_enqueue_style('main-styles', get_template_directory_uri() . '/style.css', array(), filemtime(get_template_directory() . '/style.css'), false);	
}

上面那段的意思是用資料夾暫存網址設定 style.css 的 version，這樣每次打開就都會抓到不同的版本，不過因為這樣變成每次版號都會不一樣，在 style.css 修改完成後記得再把版本號碼固定下來就好。

關於 wp_enqueue_style() 用法的說明可以參考官方文件。

參考：
Force CSS Changes to Go Live Immediately in WordPress