コンピューターのこと

WordPressのcss編集がスマホで反映されない時にはこれをすれば解決!

更新日:

こんにちは、ピムリコです。

先日経験したデジタルトラブルについて書きたいと思います。

コンピューター上級者の人ならスラスラ解決してしまんでしょうけど、初心者の人はいちいち、「え、えっ、ふぇぇぇ」ってなってしまうわけです。


ワードプレスでcss編集したのにスマホで反映されないんだが...

ワードプレスでcssを編集したときに、ちゃんと変わってるかなぁとスマホで変更後の様子を確認したのですが、全然反映されてない!

cssの書いた内容が間違ってた?とも思いましたが、特別詳しいわけでもないのでどこが間違っているかなんてわかりません。

パソコンの方の表示を確認してみたら、パソコンではちゃんと表示されています。

ということは、スマホがおかしいのかと思い、いろいろいじっていると解決方法を発見しました。

ブラウザのキャッシュを削除

スマホで使っているブラウザ(今回のケースではChrome)のキャッシュを、削除すると解決しました!

キャッシュとは、一時的に保管しておくデータのこと。
これのおかげで、再度データを読み込む際に素早くデータを呼び出すことができる本当は便利なもの。

このキャッシュが、変更前の状態のキャッシュを読み込んでしまうため、編集後のデータが反映されなくなってしまうのです。

なので、原因となっているキャッシュを削除することで解決できるというわけです。

キャッシュ削除の手順

zenfoneの場合、スクリーンを上から下へスワイプしてこの画面をだす。
画面右上の歯車マークをタップして設定へ。


設定→アプリへ

お使いのブラウザをタップ(ピムリコはChrome)


アプリの詳細が表示されるので、ここでキャッシュを削除します。
画面の下のキャッシュを消去をタップ。

タップしてもなにも変わらないので、ん?ってなりますが、2、3秒間待つと、キャッシュのデータ量が減ります。
今回の場合、208MB→36KBになりました。

これで、キャッシュの削除は完了です。

スマホでcssで変えた部分を確認してみてください。
これで変わっているはずです。


まとめ

今回は、ワードプレスでcssを編集したけどスマホでその編集結果が反映されていないときの対処法を書いてみました。

他にも考えられる原因はあるみたいですが、大半の原因はキャッシュであるようなので、この方法で結構うまく解決できるのではないでしょうか。

キャッシュという言葉も馴染みがなかったピムリコですが、今回トラブってみてまた一つ賢くなった気がします笑

では。

↓こんな記事も書いています。

↓少額からの株トレード、株チャレやってます。


オススメ記事

1

こんにちは、ピムリコです。 みなさん、Binance(バイナンス)という取引所をご存知ですか? ピムリコは今まで日本国内の取引所でしか口座開設をしていませんでしたが、海外の取引所Binance(バイナ ...

2

どうも、仮想通貨初心者御用達のピムリコです。 仮想通貨って、新しいジャンルなんで、その界隈で使われている言葉も新しかったりするんですよね。 ツイッターとか見てても、なんやら良くわからない言葉でコミュニ ...

3

こんにちは、 株から仮想通貨に浮気中のピムリコです。てへっ   ピムリコもまだ勉強中の部分も多いにあるのですが、仮想通貨を始めた時にまずわからなかったのが、「どこの取引所を使えばいいのか」と ...

4

どうも、株から仮想通貨に浮気中のピムリコです。 みなさん、仮想通貨やってますか? 2017年は仮想通貨元年何て言われていますが、まだまだ仮想通貨が盛り上がるのはこれからですよ!(そもそも元年ならここが ...

5

こんにちは、ピムリコです。 先日行った名古屋のホテルのサウナが気持ちよすぎて、京都に帰ってきてからも入りたくて京都にあるサウナを探しました。笑 サウナだけというのではなく、だいたいどこもお風呂とセット ...

-コンピューターのこと

Copyright© ブタのしっぽをひっぱると , 2018 All Rights Reserved Powered by AFFINGER4.