CSSを修正したのに反映されない?

これまでにアメブロのタイトルをヘッダー画像に変更する方法アメブロにサムネイル画像付き人気記事一覧を表示させる方法などで、アメブロのCSSを編集する方法をご紹介しました。

ですが、編集したはずなのにブログを読み込みなおしてもその内容が反映されない、といった経験をされたことがある方もいるのではないでしょうか?

今回は、CSSを編集したのに反映されない場合の対処方法についてご案内いたします。

CSSが反映されない原因

反映されない原因は、ブラウザが「キャッシュ」を保存しているためです。

「キャッシュ」とは、一度見たサイトのデータを保存したもののことで、再びこのサイトを見た時にキャッシュを使うことにより、一からサイトを読み込むよりも早くページが表示される、という仕組みです。

ところが、このキャッシュを作成した後のデータが、キャッシュから表示を行うために反映されない、といったことが起こるのです。

CSSを反映させるには

これに対処するには

  • スーパーリロード
  • キャッシュの削除

といった方法があります。

「スーパーリロード」とは、キャッシュを無視してサイトを読み込みなおすことです。

やり方は以下の通りです。

キーボードの「Ctrl」を押しながら「F5」を押す。

キャッシュの削除は、ブラウザによって詳細な方法は異なりますが、「オプション」「履歴」などから、「履歴の削除」を行うことで可能です。

Firefoxでキャッシュを削除する方法

Firefoxでキャッシュを削除するには、ブラウザの右上にある「三本線」ボタンを、押して出てきたメニューの「オプション」を押します。

アメブロのCSSが反映されないときの対処方法3 (1)

「プライバシーとセキュリティ」を押して、「Cookieとサイトデータ」「データを消去」を押すと、キャッシュが削除されます。

アメブロのCSSが反映されないときの対処方法3 (2)

まとめ

以上、アメブロのCSSが反映されないときの対処方法についてご紹介させていただきました。

キャッシュは非常に便利なものですが、ときにはこのように邪魔になってしまうこともあります。

皆さんも状況に応じて、スーパーリロードや削除で対策をするようにしましょう。

「アメーバキング2」アメブロ売上倍増&アクセスアップの多機能ツール

http://ci-s.net/amebaking2/

  • アメブロのページの先頭へ戻るボタンを作る方法
  • アメブロの最新記事一覧を1行表示させる方法
  • アメブロのCSSが反映されないときの対処方法
  • アメブロにファビコン画像を設定する方法

Twitterでフォローしよう

  • 仮想通貨
    【知らない損する】ビットコイン初心者が勘違いしていること5つ
    2021年8月22日
  • アフィリエイト
    アフィリエイト初心者におすすめのASP一覧 11選
    2018年8月18日
  • 仮想通貨
    【初心者にオススメ】ビットコインや仮想通貨(暗号資産)取引所ランキング
    2021年5月28日
  • 仮想通貨
    【知らないとヤバイ】不労所得は存在しないのか?ウソなのか?
    2021年8月30日
おすすめの記事
仮想通貨
Mydefipetを始めたけど、遊び方がわからない という人向けの記事です。 目次1 Mydefipetの遊び方 動画2 Mydefip...
ネット副業種類
目次1 占いをして稼ぐ方法2 ココナラってなに?3 ココナラをするのに必要なもの4 ココナラでどうやって稼ぐの?5 占いをしてどれぐらい稼げ...