自分のサイトやブログのＣＳＳを変更した際に、反映されないことがよくありませんか？
キャッシュを消去すればいいのですが、毎度消すのも面倒です。
それを解消する方法を紹介します。
photo credit: ZERGE_VIOLATOR via photopin cc
スポンサーリンク
カスタマイズする前に
毎度言ってますが、カスタマイズする際に記述を間違えるとレイアウトが崩れてしまうため、必ずバックアップを取っておいてください。
スポンサーリンク
変更する場所
スタイルシートの記述はどのサイトでもheader.phpに記述します。
当ブログではStinger3を使用しているので、Stingerでの変更点についてお話しますが、どのテーマでも同じような記述変更で大丈夫です。
記述するコード
header.phpの
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="all"/>
という記述を変えます。
記述するコードは
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo '?' . filemtime( get_stylesheet_directory() . '/style.css'); ?>" type="text/css" media="all" />
と入れ替えてください。
これだけで完了です。
仕組みを説明すると、cssのファイル名の後ろにタイムスタンプ(クエリ情報)を付加しています。
これを付加することによって、最新のcssファイルを見に行くので古い情報が反映されることがなくなります。
スポンサーリンク
りゅんた的ℜoundUp
CSSを変更した時は毎回キャッシュを消していましたが、これですぐ変更点が見れるようになりました。
ただスマホの方も変えたいのですが、記述すると適応されないんですよね(´・ω・｀)
なにが悪いんだろう…。