HTMLとCSSのメモ（コピペ用）
HOMEに戻る

CSSファイルの読み込みパスにタイムスタンプを追加する

WordPress

WordPressでCSSファイルを追加で読み込み時にタイムスタンプ（キャッシュバスターというらしい）を追加する方法。
下記は、”style-plus.css”を追加で読み込む例。

header.phpで読み込む場合

PHP
<?php
$style_path = get_template_directory() . '/css/style-plus.css';
$style_url = get_template_directory_uri() . '/css/style-plus.css';
$timestamp = filemtime( $style_path ); // ファイルの最終更新時刻を取得
?>
<link href="<?php echo esc_url( $style_url . '?ver=' . $timestamp ); ?>" rel="stylesheet">

”?ver=TIMESTAMP”として付け加える

functions.phpで読み込む場合

PHP
function my_theme_enqueue_styles() {
    $style_path = get_template_directory() . '/css/style-plus.css';
    $style_url = get_template_directory_uri() . '/css/style-plus.css';
    wp_enqueue_style( 'my-style', $style_url, array(), filemtime( $style_path ) );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );