子テーマでstyle.css以外のcssが反映されなくなった

  • kuromimi3

    (@kuromimi3)


    7年、 2ヶ月前

    お世話になります。
    ・WordPress：4.8.3
    ・テーマ：Xeory Base の子テーマ
    ・CSSは管理画面用を除いてstyle.cssとbase.cssの2つ
    以降、Google Chromeで検証

    10/20に両CSSファイルに変更を加えた際、両ファイルとも正常に変更できました。
    本日（11/1）、両ファイルにまた変更を加えたところ、style.cssは正常に変更できましたが、base.cssは変更されませんでした。管理画面では「ファイルの編集に成功しました。」と表示されますが、反映されず、10/20に変更したままの状態です。
    base.cssでどうしても変更したい箇所があるため、お力添えいただければ幸いです。

    【問題解決のためにすでに実行したこと】
    ▼デベロッパーツールで確認
    キャッシュを削除し、デベロッパーツールで見たところ、デベロッパーツールのStylesにも反映されていませんでした。
    CSSの書き方に問題はないか検証するために、一旦base.cssを全消しをしてみましたが、それでも反映されず（10/20時点での内容が残っていました。）

    ▼別のブラウザでも確認
    Safari・Firefoxの両ブラウザでも、base.cssでの変更の反映が見られないことを確認しました。

    ▼10/20〜本日までの環境の変化について確認
    10/20以降変更したことは、WPのアップグレードと、サイトのSSL化でしたので、それぞれ元に戻してみました。
    ①WPのバージョンを4.8.2にダウングレード→変化なし
    ②SSL化を解除（http://〜にする）→変化なし

    【function.php内のコード】
    <?php
    add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
    function theme_enqueue_styles() {
    wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
    wp_enqueue_style( ‘child-style’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘parent-style’)
    wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/base.css’ );
    wp_enqueue_style( ‘child-style’, get_stylesheet_directory_uri() . ‘/base.css’, array(‘parent-style’)
    );
    }
    ?>

    どうかお力をお貸しいただけないでしょうか。
    よろしくお願いいたします。

    • このトピックはkuromimi3が7年、 2ヶ月前に変更しました。
7件の返信を表示中 - 1 - 7件目 (全7件中)
  • munyagu

    (@munyagu)

    7年、 2ヶ月前

    こんにちは

    「反映されず」というのは、Google Chromeに反映されないということですよね？
    WordPressの管理画面で編集されていると思いますが、その画面上では編集できていると思っていいでしょうか？

    だとすると、とても単純な確認で申し訳ないのですが、編集する対象のbase.cssを間違ってはいないですか？

    トピック投稿者 kuromimi3

    (@kuromimi3)

    7年、 2ヶ月前

    >munyaguさん

    ご返信いただきありがとうございます。
    ①　遅くなりましたが、Safariでも調べましたところ、やはり反映されておりません。
    ②　変更したい箇所もデベロッパーツールで確認しておりますし、編集するCSSも子テーマのCSSとなっております。

    以上、よろしくお願いいたします。

    トピック投稿者 kuromimi3

    (@kuromimi3)

    7年、 2ヶ月前

    質問文でも追記させていただきましたが、ChromeだけでなくSafari・Firefoxでも確認しましたが、両ブラウザとも　Chromeと同じ状況です。

    munyagu

    (@munyagu)

    7年、 2ヶ月前

    ファイルが正しく編集されているのにブラウザに反映しないとなると、キャッシュしか疑いどころがない気もします。

    キャッシュ系のプラグインや、Webサーバーのキャッシュ機能、CDNなどを利用されていないでしょうか？

    Honda

    (@rocketmartue)

    7年、 2ヶ月前

    function.php 内のコードで、閉じかっこやセミコロンが抜けています。
    それから、スタイルシートのハンドルが、style.css と base.css で同じになっています。
    parent-style child-style
    これだと、スタイルシートが正しく読み込まれないのではないでしょうか？
    抜けている閉じかっことセミコロンを記入して、base.css の方のハンドルを parent-base child-base のように変更すれば正しく読み込まれると思います。

    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
　　wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
　　wp_enqueue_style( 'child-style', get_stylesheet_uri(), array('parent-style'));
　　wp_enqueue_style( 'parent-base', get_template_directory_uri() . '/base.css' );
　　wp_enqueue_style( 'child-base', get_stylesheet_directory_uri() . '/base.css', array('parent-base'));
}
    トピック投稿者 kuromimi3

    (@kuromimi3)

    7年、 2ヶ月前

    >munyaguさん
    ご返信いただきありがとうございます。
    どれも使用しておらず、キャッシュの削除もしております。

    >Toshiyuki Hondaさん
    ご返信いただきありがとうございます。
    function.phpの内容を、いただいたものに差し替えましたが、変化はありませんでした。
    ただ、、それぞれのハンドルを異なるものにすること、勉強になりました。ありがとうございます。

    oisit

    (@oisit)

    7年、 2ヶ月前

    親テーマのbase.cssも一度修正してみて変わるかどうか確認したらどうでしょう。
    あと該当ページのソースを確認して、headの部分に直接cssが書き込まれていないか確認してみるとか。
    twentyfifteenでは、依存するcssの直後に直接cssが書き込まれている部分（wordpressの関数使って名前はど忘れ）があって難儀したことがあります。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「子テーマでstyle.css以外のcssが反映されなくなった」には新たに返信することはできません。