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

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

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

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

CSSが反映されない原因

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

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

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

CSSを反映させるには

これに対処するには

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

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

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

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

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

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

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

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

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

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

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

まとめ

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

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

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

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

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

  • アメブロのタイトルをヘッダー画像に変更する方法
  • アメブロの無料会員登録の仕方
  • アメブロにサムネイル画像付き人気記事一覧を表示させる方法
  • アメブロに広告を横並び表示させる方法

Twitterでフォローしよう

  • 仮想通貨
    【初心者にオススメ】ビットコインや仮想通貨(暗号資産)取引所ランキング
    2021年5月28日
  • アフィリエイト
    アフィリエイト初心者におすすめのASP一覧 11選
    2018年8月18日
  • 仮想通貨
    【知らないとヤバイ】不労所得は存在しないのか?ウソなのか?
    2021年8月30日
  • 仮想通貨
    【知らない損する】ビットコイン初心者が勘違いしていること5つ
    2023年3月22日
おすすめの記事
はてなブログ カスタマイズ初心者講座
目次1 はてなブログの背景色を変更する2 まとめ はてなブログの背景色を変更する はてなブログにログインし、ダッシュボードから「デザイン」を...
仮想通貨
仮想通貨のフェアローンチって何? と思っている人にオススメの記事です。 仮想通貨のフェアローンチとは? 仮想通貨のフェアローンチとは、 新規...