• こんにちは。

    最近ウェブサイトの作成をはじめた者です。

    ネットで調べて自分のサイトをカスタマイズしていたところ、突然スタイルシートに書き込んだ内容のみパソコン上で反映されなくなりました。

    スマホで開くとカスタマイズしたとおりになっています。

    不具合が起こる予兆のようなものは数日前にもあり、そのときは、自分のサイトを開くとヘッダーの部分の文字の色が変化していました。

    モバイルの表示に問題がない以上、コードの打ち間違いではないと考えられるのですが、初心者なので原因が特定できません。

    一応自分の中で考えられる問題を上げると次のようになりました;

    1.コード書き換えと更新をし過ぎた

    2.パソコン表示でのみ反映されないようにする設定に誤ってしている

    3.調子が悪くなっている自身のパソコンによる問題

    この問題に対しての対処法をご存知の方がいらっしゃいましたら、ご回答よろしくお願いします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは。

    私もスタイルシートを多用していますが、その方法により対処法は変わります。

    スタイル設定の主な方法は、

    1. 外観 → エディター → スタイル → 追加CSS
    2. 外観 → カスタマイズ → 追加CSS
    3. テーマのオプション
    4. チャイルドテーマを作成し、自作のstyle.cssをサーバにアップロード
    5. CSSプラグインを導入

    などですが、どの方法を使っていますか?

    一般論として、コード書き換えをし過ぎた場合、古いスタイルがキャッシュに残っていることがあります。この場合、ブラウザの設定から古いキャッシュを削除すると解決します。

    稀にサーバのキャッシュが残っていることがあります。サーバ側の設定でキャッシュを手動でクリアする機能があればよいのですが、無ければ、しばらく待つしかありません。

    あるいは、自分で設定したスタイルの優先度が他の設定より低い場合もあります。これはChromeやEdgeのデベロッパーツール/開発者ツールで確認できます。

    上記の方法を試すか、具体的な方法が分からなければまた質問してください。

    トピック投稿者 yuta1109

    (@yuta1109)

    返信ありがとうございます。

    私は、テーマにCocoon を使わせてもらい、外観からテーマファイルエディターに進み、子テーマのCocoon child の style.cssに書き込んでいます。

    ご指摘された通り、ブラウザーとサーバのキャッシュを削除をしましたが、変化が見られません。

    可能でしたら、Microsoft Edge の開発者ツールの確認方法を教えていただけないでしょうか。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「スタイルシートの内容が反映されなくなった問題」には新たに返信することはできません。