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

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

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

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

CSSが反映されない原因

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

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

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

CSSを反映させるには

これに対処するには

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

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

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

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

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

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

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

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

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

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

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

まとめ

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

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

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

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

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

  • アメブロのページの先頭へ戻るボタンを作る方法
  • アメブロにファビコン画像を設定する方法
  • アメブロに広告を横並び表示させる方法
  • アメブロのPCとスマホの広告を表示させない方法

Twitterでフォローしよう

  • アフィリエイト
    アフィリエイト初心者におすすめのASP一覧 11選
    2018年8月18日
  • アフィリエイト
    プロアフィリエイターの作業環境やツール、サイト11個紹介
    2018年5月11日
  • ネット副業種類
    モノオク登録方法、自宅の空き部屋、空きスペースを貸すだけの副業
    2019年6月19日
  • アフィリエイト
    無料ブログでのアフィリエイト危険性4つの理由
    2018年6月2日
  • ネット副業収入
    いままでのネット副業収入実績
    2018年1月7日
おすすめの記事
ネット副業種類
目次1 面接なしのアルバイト種類2 アルバイトサイト一覧 面接なしのアルバイト種類 ・ポスティング 日払い 日給7000円 08:30~17...
ネット副業収入
今回は、じょうまさふみネット副業年収2015年について紹介します。 2015年は、年収100万円こえることができませんでした。 あと3万円で...