WordPressの子テーマのスタイルシートをキャッシュクリアする方法
子テーマを作成する場合、子テーマのfunctions.phpに下記の記述をします。
|
1 2 3 4 5 6 7 |
<?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style') ); } |
しかしながら、子テーマのスタイルシートstyle.cssを編集したあと、ブラウザのキャッシュの兼ね合いでstyle.cssが更新されない場合があります。
その際にキャッシュクリア対策をする場合は、下記のように記述します。
|
1 2 3 4 5 6 7 |
<?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css?'. date("ymdHis", filemtime( get_stylesheet_directory() . '/style.css')), array('parent-style') ); } |
これで、子テーマのstyle.cssが最終更新された更新時刻を取得して最新のスタイルシートを読み込めます。
お試しください。
公開日：2023年1月30日
最終更新日：2023年1月30日
