Wordpressでページごとに読み込むcssをテンプレートファイルから指定したい

Question

ページごとに読み込むCSSを変えたいので、テンプレートでCSSファイル名の配列を指定し
そのCSSを読み込ませるようにしたいです。

functions.phpでJSやCSSを一元管理する
こちらを参考に、おおよそ以下のようなコードで実装できるかと思ったのですが、
テンプレートファイルから引数の渡し方がわからずうまくいきません...

single.php などのテンプレートファイル

<?php
$style = ['reset', 'common', 'single'];
 ?>

function.php

<?php
function add_files($style) {
    foreach ($style as $item) {
        wp_register_style($item, get_stylesheet_directory_uri().'/assets/css/'.$item.'.css');
        wp_enqueue_style($item);
    }
}
add_action( 'wp_enqueue_scripts', 'add_files');
?>

当方Wordpress、PHP共に初心者です。
もし、より一般的な方法があったり、プラグイン等で楽に実装できる方法があったりしたらご教示ください。
宜しくお願い致します。

Answer 1

あぁ、やっと意味がわかった。うまく動くかはわかりませんが、やりたいことはこういうことかと。

// $style = ['reset', 'common', 'single'];
// ↓
   add_files(['reset', 'common', 'single']);

Comments

[sugishio]

できました！！！！ありがとうございます。
function.php内に関数を記載してしまえば
```
add_action( 'wp_enqueue_scripts', 'add_files');
```
この行はいらないということでしょうか？

[kei344]

add_action( 'wp_enqueue_scripts', 'add_files');
は「スクリプトが読み込まれるタイミングで関数add_filesを呼び出す」という意味です。
mizさんの書かれているとおり関数add_files内で条件分岐して出力するのが一般的です。

[sugishio]

wordpressではadd_actionを使って制御するものと思い込んでしまっていました。。
単純にテンプレートから関数を呼び出せば良いのですね。
あまり一般的ではない方法かもしれませんが、一旦こちらで進めてみます。ありがとうございます！

Answer 2

出力するページを特定したい場合は is_single() などを使って条件により出し分けてください。

// singleページ専用JS
if ( is_single() ) wp_enqueue_script( 'smart-single-script', get_template_directory_uri() . '/js/single.js', "", '20160608', true );

http://rfs.jp/sb/wordpress/wp-lab/wp_enqueue_script.html

こちらにあるように、WordPressの条件分岐タグを使用して、読み込むCSSやJSファイルを変更できます。

条件分岐タグ - WordPress Codex 日本語版

Comments

[sugishio]

読み込むCSSをfunction.php内ではなく、single.phpの中に記述したいのですが、
それは難しいでしょうか...？

引数の渡し方がわからない状態で作業するためのコードを掲載してしまっており
混乱させてしまったかもしれません、申し訳ありません。