CSSやJSを更新したときだけキャッシュではなく新規読込みとする
- 2021.08.26
- web
- CSS, JavaScript, キャッシュ, コピペ用
この記事は約 2 分で読めます。
「CSSを更新したはずなのに反映されないんだけど…」
ユーザーにとって有益ですが、制作者にとっては時に厄介なキャッシュ機能。
PHPのfilemtime()関数を使用して読み込むURLのパラメータにファイルのタイムスタンプ（更新日時）を追加することで対応します。
<link href="/asset/css/style.css?<?php echo filemtime( __DIR__ . '/style.css'); ?>" rel="stylesheet">
//WordPressの例
wp_enqueue_style( 'style', get_template_directory_uri() . '/style.css', array(), filemtime( get_template_directory_uri() . '/style.css'));
//子テーマ用
wp_enqueue_style( 'style', get_stylesheet_directory_uri() . '/style.css', array(), filemtime( get_stylesheet_directory() . '/style.css'));