ピクセルパーフェクトでサイトを制作しようとしていますが、上手くいきません。

Question

素人です。
今現在ワードプレスを使って、サイトを制作しています、私のPCでは、一回一回キャッシュを削除しなければ、
サイトの更新ができませんプラグインPerfect Pixelを使ってピクセルパーフェクトを行っていますが、
その際に、毎回写真が取り消され、作業に手間が増えてしまい大変です。

シークレットモードを使用した場合、HTMLの更新はキャッシュを削除しないでも、
できるのですが、CSSの更新はできない状態です、
スーパーリロードをしても意味がありません。

また、CSSのキャッシュを自動で削除できる、
リンク内容にあるコード

<?php
add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );

function my_enqueue_scripts() {
  my_enqueue_style(
    'my-style',
    get_theme_file_uri( 'path/to/style.css' ),
    array( 'simpfire' ),
    filemtime( get_theme_file_path( 'path/to/style.css' ))
  );
}

を入力したら表示がサイトの変になってしまいました。

ワードプレスで、毎回キャッシュを削除しないで更新する方法や、シークレットモードで,CSSの更新方法
(再度ブラウザを立ち上げる方法だと作業量が多くなる)など、

皆様がPerfect Pixelを使いワードプレスで、
ピクセルパーフェクトを目指す際に使っているやり方がありましたら教えていただきたいです。

Answer 1

レンタルサーバーでWordPressを揉んでいるものと思いますが、
画像がキャッシュされて都合が悪いということであれば、
.htaccessを改変してキャッシュさせないようにすることが可能です。

.htaccess の書き方（スピードアップ編） - Qiita
Apache 2.4 で静的アセットのキャッシュ制御を行う設定

Comments

[2232]

お答えいただき、ありがとうございます、
やってみます。

[2232]

すいません、出来ませんでした、ちょっとまだこのコードとルールが分かりません、

こちらを打ち込ました。
<IfModule mod_expires.c>

# データはキャッシュさせない
ExpiresByType application/json "access plus 0 seconds"
ExpiresByType application/ld+json "access plus 0 seconds"
ExpiresByType application/schema+json "access plus 0 seconds"
ExpiresByType application/vnd.geo+json "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType text/xml "access plus 0 seconds"
</IfModule>

もしよろしければ、教えていただけませんか？

[退会済みユーザー]

スタイルシートなら、 text/css っていうMIMEタイプになるのではないかと思いますが。
コメント欄に示したコードではjson用とxml用の対策ですよ。

[2232]

そうでしたか、お答えいただき誠にありがとうございます。

Answer 2

検証ツールの、Networkタブにある「Disable cache」にチェックを付けることでキャッシュを無効にすることができます。