• wordpress

    cssをキャッシュさせない

    2012/11/28

    タイムスタンプを追加する

    wordpress-l...

    前回の【wordpress】バックアップで、サイトのローカル環境移行を成功した私。


    cssやらjsやら修正して、一旦完成。

    どや顔で「報告&確認依頼メール」を送ったところ

    「表示が変わってない」
    「コンテンツが消えた」
    「修正内容と違う」

    などなど\(^o^)/あんれ?


    確かにちゃんと修正したのに。


    あっ!そうかキャッシュか!キャッシュのせいかと。
     

    今後も続くと思われる修正作業で、
    毎回「報告&確認依頼&リロードかけてお願い&もしくはキャッシュ削除して」メール
    を送るのも忙しいし手間をかけるので・・・と、ググったらあった!!


    参考にさせて頂いた記事はコチラ

    WordPressテーマのcssの末尾にクエリ文字を加えてキャッシュさせないようにする

     

    なにやらcssファイル読み込み時に末尾にちょちょっと書くだけでキャッシュさせないようです。

    しかも!wordpress版!
    ありがたやーありがたやー。
    はい、やってみました。
     

    書き方はこれ

    
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); echo '?' . filemtime( get_stylesheet_directory() . '/style.css'); ?>" />
    
    

     

    出力はこのようになります。

    
    <link rel="stylesheet" type="text/css" media="all" href="http://●●●.××/wp-content/themes/themename/style.css?1324216986" />
    
    

     

    filemtimeというのがファイルの最終更新時刻を取得するphpの関数です。
    これをcss読みこみのあとに"?"と"タイムスタンプ(更新時刻)"で表示することで
    更新をかけた時にブラウザにキャッシュさせないようにできるようです。



    無事解決したので、修正を続けます!

    タグ:CSS , wordpress

この記事へのコメント

コメントを送る

  ※ メールは公開されません
Loading...
 画像の文字を入力してください

back