wordpressでCSSファイルが読み込めない

Question

wordpress lightningの子テーマで開発を行っているのですが、CSSが読み込めません。
テーマを作成する際のテーマフォルダ直下のstyle.cssは読み込めているのですが、
assets/css/custom.cssという自分で作ったファイルが読み込めない？ようです。

header.php

<link rel="<?php echo get_stylesheet_directory_uri(); ?>
/assets/css/custom.css">

こちらで読み込んでおり、サイトのデベロッパーツールでも正式に読み込めているのですが、反映されません。

該当ファイル
lightning-child
|
|_ assets
| |
| |_ css
| |
| |_ custom.css
|
|
|_ header.php
〜〜〜その他ファイル

htmlソースには

<link rel="（URL）/assets/css/custom.css">

と出ており、リンクをコピペしてウェブ上で開くとCSSが書かれているのでファイルの読み込みには問題ないと思うのですが。。

知恵をお貸しください。

Comments

[gogoweb_ikeda]

cssが読み込まれないというのはcustom.cssのすべてのCSSが反映されないということでしょうか？
デベロッパーツールで確認してCSS自体は適用されているが上書きされていないか確認してください。
もし、親テーマのスタイルを打ち消すような形でCSSを記述しているとした場合読み込む順番が間違っている可能性があります。

Answer 1

キャッシュが効いてcssが更新されない可能性があるかもしれません。
WordPressで読み込むCSSやJSファイルにクエリパラメータを付与し、ブラウザキャッシュは有効のまま変更箇所をすぐに反映させる方法。
こちらの記事を参考に

<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri();
?>/assets/css/custom.css?date=20201112">

としてみるなど。もしこれで反映できれば wp_enqueue_style() の書き方に変えてみるのも良いと思います。