アメーバブログのCSSが反映されないときの対処方法

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

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

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

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

CSSが反映されない原因

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

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

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

CSSを反映させるには

これに対処するには

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

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

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

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

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

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

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

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

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

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

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

まとめ

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

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

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

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

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

おすすめ参考記事

Twitterでフォローしよう

おすすめの記事
インフォトップに無料会員登録する方法
アフィリエイト
インフォトップについて 様々なノウハウなどの情報コンテンツを扱う情報商材に特化したASPの中でも最大の大手と言えるのが「インフォトップ(in...
アフィBに無料会員登録する方法
アフィリエイト
afbについて ブログアフィリエイターに必須であるASP。今回は「アフィB(afb)」(アフィビー)の登録の方法を紹介します。 afb は振...