子テーマのスタイルシートが反映されない。



  • 初めまして。

    JINで子テーマを使用。

    追加CSSでカスタマイズの量が多くなり
    追加CSSで記載していたものを子テーマのCSSに移動。

    追加CSS記載時にはデザインとして反映されます。
    子テーマのCSSに移動するとデザインに反映されません。

    子テーマのCSSに反映させるのに設定が足りないのでしょうか?


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.8.2
    ご利用のサーバー名 : ロリポップ
    PHPのバージョン : 7.4
    OS : macOS Monterey
    ご利用のブラウザ : Chrome
    該当サイトのURL : https://amazake-love.com/



  • @まんまる さん

    こんにちは!

    特に設定などは必要ないはずですね。。

    こちらの環境で検証した感じですと、子テーマ側に書かれている
    一番上の widget_top_hr の終わりのスペースを削除したら反映されました。

    0_1641005720275_スクリーンショット 2022-01-01 11.49.56.jpg

    一度、スペースが入っていないかの確認をお願いできますか??

    お手数おかけしますが、よろしくお願いいたします!



  • tsu_様

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

    スペースを消して試したところスマホへのCSSの反映は確認できました。
    ありがとうございます!
    ※スマホはSafariを使用

    パソコンのSafariも反映の確認ができました。
    パソコンのCrome(ブログ更新環境)ではスタイルシートが反映されす調査中です。

    パソコンのCrome(ブログ更新環境)では追加CSSでの記載では反映されるのですが
    子テーマだと反映されない理由がわからず今調査しております。

    Safariでは問題ないようなので、パソコンのデザインは今はSafariで確認していこうと思っています。



  • @まんまる さん

    ご報告ありがとうございます!
    反映されていない場合は、まずはキャッシュの削除などを確認していただきたいです。

    あと1点気になったのが、CSS内に書かれているコメントアウトですかね。。
    Chromeのデベロッパーツールで確認すると、コメントアウト部分も出力されているように見えるので、
    コメントアウトを削除すると変化があるかもしれません。

    よろしくお願いいたします!



  • tsu_様

    実家から帰省して今自宅の環境で確認しました。
    cromeでもスタイルシートが反映されてました。

    理由はわからず戸惑っていましたが
    問題を解決することができました。

    ありがとうございました。



  • @まんまる さん

    承知しました!
    とりあえず解決したようですので良かったです!

    引き続き、よろしくお願いいたします。
    (ご確認いただければ、ご返信には及びません)