[wp]wp_enqueue_style()の罠というか注意点

出力されるパスがおかしい場合がある。

症状の話

functions.phpでcssを出力させるために以下の内容を書き込んだ。

wp_enqueue_style('about', get_template_directory_uri() .'/css/about.css', array());

そうすると、以下のようなものが出力される。

<link rel='stylesheet' id='about-css' href='【サイトURL】/wp-admin/css/about.min.css?ver=6.8.2' type='text/css' media='all' />

テーマのディレクトリを指定してるはずなのに、wp-adminになってる。
というか、ファイル名をよく見たら.minになってる。
そういう書き換えはしてないから、ファイル自体別なものが読み込まれていると考えるのが自然。

「about」はwordpressのコアで予約済みのハンドルだったもんで、管理画面用の about.min.cssが登録されていた。それが影響してこのザマだということらしい。

だから、予約されてないハンドル名をつけたらいいんですね。

「theme-about」とか「my-about」とか「about2」とかなんでもいい。

それだけの話。

ここで疑問になってくるのは、「何が予約済みなのか」ということ。
ちょっと掘ってみたらなんか沢山色々あるっぽいので、出たとこ勝負だと考えておいたほうが良いですね。

嫌だったらはじめから、ユニークになるだろうハンドル名にしておこうという話になりますね。