front-page.phpでのみ外部ファイルを読み込みたい

Question

Wordpressにて個人的なWEBページを作っております。
タイトルのとおりなのですが、サイトのトップ(フロントページ）にだけ効かせたいCSSやJSを反映させるにはどのようにすればよいのでしょうか？
(トップページだけデザインが他のページと大きく違うので、。。)

実現したいこと

フロントページにだけ独自のCSS,JSを読み込ませたい。

試したこと

・functions.phpにて条件分岐を使い、外部ファイルの読み込みをしようとしましたが、反映されませんでした。

//他ページで読み込み済みの外部ファイル
function wpb_script(){ 
    wp_enqueue_style('reset', get_template_directory_uri() . '/css/reset.css', array(), '1.0.0', 'all');
    wp_enqueue_style('base', get_template_directory_uri() . '/css/base.css', array(), '1.0.0', 'all');
    wp_enqueue_style('style', get_template_directory_uri() . '/css/style.css', array(), '1.0.0', 'all');
    wp_enqueue_style('fontawesome', 'https://use.fontawesome.com/releases/v5.6.1/css/all.css', array(), '5.8.2', 'all');
}
add_action('wp_enqueue_scripts', 'wpb_script');


//front-page.phpにだけ反映させたい外部ファイル
// 外部ファイル追加の関数
function file_load_scripts_styles() {
	if( is_front_page() ){ 

		// １つ目（js）
		wp_enqueue_script('script', get_template_directory_uri() . '/home/js/script.js', array(),'1.0.0', 'all');

		// ２つ目（js）
		wp_enqueue_script('vegas.min', get_template_directory_uri() . '/home/js/vegas.min.js', array(),'1.0.0', 'all');

		// １つ目（css）
        wp_enqueue_style('style',  get_template_directory_uri() . '/home/css/style.css', array(), '1.0.0', 'all');

	}
}

こちら特に記述は間違っていませんでしょうか？
考えられるのはパスの間違いだと思うのですが、間違っているようには思えません。

困っていること

上記のファイルが反映されないことに加えて、
別途作成済みindex.phpで読み込ませた、別ファイルstyle.css等がfront-page.phpでも反映されている気がします。
どうにかこちらのページにだけ独自のファイルを読み込ませることはできないでしょうか？

Comments

[退会済みユーザー]

file_load_scripts_styles関数をフックに登録している部分のコードはありますか？

[pr_777]

フックに登録するのを忘れていました。
JSの起動はしましたが、まだスタイルシートの反映がうまく聞いていないみたいです。

Answer 1

これを試してみてください。また、読み込まれているかどうかは出力されたHTML（ブラウザで「ページのソースを表示」）を確認するほうが良いです。

if ( is_home() || is_front_page() )

【is_home()とis_front_page()の条件分岐タグの違い[WordPress]】
https://noumenon-th.net/programming/2016/06/30/is_home_is_front_page/

Comments

[pr_777]

ありがとうございます。
念の為、そちらに記述を変更しておきました。
JSの起動はできましたが、未だCSSの反映がおかしいようです。
background-imageが表示されない状態です。

[kei344]

出力されたHTMLを確認して、スタイルシートが正しく読まれているか確認。
読まれているならデベロッパーツールで当該要素のパスを確認。

[pr_777]

調べたところパスの記入の間違いでした。
お手数をおかけしました。