2020年5月17日

css 編集時のブラウザキャッシュ対策

CSSファイルが更新されたらユーザーに新たなCSSを読み込ませるブラウザキャッシュ対策 (WPでドメイン直下のCSSを読み込んでる場合もこれ)
<?php date_default_timezone_set('Asia/Tokyo'); ?>
<link href="style.css?<?php echo date( "Y-m-d-H-i-s", filemtime('./style.css')); ?>" rel="stylesheet"  type="text/css" />

ルートから指定する場合

<?php $path = $_SERVER['DOCUMENT_ROOT']; ?>
<link href="/style.css?<?php echo date( "Y-m-d-H-i-s", filemtime($path.'/style.css')); ?>" rel="stylesheet"  type="text/css" />

Wordpressの場合

function.php

それらしき箇所をコメントアウトで自動で出力されるCSSを一旦削除する
/*
wp_enqueue_style('style.css', get_stylesheet_directory_uri() . '/style.css');
*/

header.php

<link href="<?php echo get_template_directory_uri().'/style.css?'; echo date( "Y-m-d-H-i-s", filemtime(get_template_directory().'/style.css')); ?>" rel="stylesheet">
Wish I could be Comic Sans ついにマイコンピューターでインターネットを始めたの
わたしはヨガマットデザイナー

fzfeed