wordpress 指定のカスタムテンプレートで指定したCSSを読み込ませたい

Question

こんにちは。
今、練習をかねてローカル環境でwpの子ページからカスタマイズしています。
その中でカスタムテンプレートを作り、そのカスタムテンプレート内で、
そのテンプレート対応のCSSファイルを読み込みしたいのですが、
なかなかうまくいきませんので、アドバイスいただけると嬉しいです。

現状は、functions.phpで分岐を作ってはみたものの反応なし状態です。

//functions.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')
);

if (is_page_template("custom_home.php")) {
    wp_enqueue_style( 'home-style', get_template_directory_uri() . '/home_style.css', array());
    }
}


コード

Answer 1

こちらで再現すると下記のようなcssの読み込みタグは正しく埋め込まれていました。

<link rel='stylesheet' id='child-style-css' href='https://xxx.com/wp-content/themes/xxxx/style.css?ver=5.8' type='text/css' media='all' />

もしかするとcssファイルの設置場所を間違えているのではないでしょうか。
ブラウザでデベロッパーツール(F12を押す)を表示させてコンソールを見てcssファイルの404エラーがでているようなら、エラーのURLに合わせてcssファイルを設置するフォルダを変更してみてください。

Comments

[Kinomaru]

アドバイスありがとうございます。
get_template_directory_uri()を使っていたので、親ファイルのなかから探そうとしてたみたいです。
代わりにget_stylesheet_directory_uri()を使って、ファイルの所在地までのパスはあっているのですが、今度は指定のCSSのファイル自体がないというエラーになってしまいました。

今試行錯誤中です。。。