no-image

WordPressの子テーマのCSSに更新日時のパラメータをつけてブラウ ザキャッシュを回避する

スタイルシートを変更したときに、ブラウザキャッシュが効いていると見た目が崩れることがあります。
ブラウザキャッシュを回避するには、スタイルを呼び出すときにパラメーターでバージョンを持たせるとできます。

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
$child_css_pass = get_stylesheet_directory().'/style-child.css'; //style.cssのファイルパス
$child_css_timestamp = date('Ymd-His',filemtime($child_css_pass)); //style.cssの更新日時
$child_js_pass = get_stylesheet_directory().'/js-child.js'; //style.cssのファイルパス
$child_js_timestamp = date('Ymd-His',filemtime($child_js_pass)); //style.cssの更新日時

wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style-child.css', array('parent-style'), $child_css_timestamp );
wp_enqueue_script( 'child-js', get_stylesheet_directory_uri() . '/js-child.js', array('jquery'), $child_js_timestamp); }
pocketlinehatebuimagegalleryaudiovideocategorytagchatquotegoogleplusfacebookinstagramtwitterrsssearchenvelopeheartstaruserclosesearch-plushomeclockupdateeditshare-squarechevron-leftchevron-rightleafexclamation-trianglecalendarcommentthumb-tacklinknaviconasideangle-double-upangle-double-downangle-upangle-downstar-halfstatus