WordPress CSSとJSファイルの読み込みが出来ません。

前提・実現したいこと

自作した静的なオリジナルテーマファイルをLocalByFlywheelを使ってWordPress導入をしました。
function.phpでCSSとJSファイルの読み込みを試みましたが、読み込みがされないためご教授お願い致します。

該当のソースコード

// index.php

<?php
    locate_template( 'header/header.php', true );
?>

<main class="inner">
.
.
.

get_header();ではなく、locate_template();を使用しているのは複数パターンのheaderがあるためです。

// header.php

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">

<title>---</title>

<meta name="description"  content="">
<meta name="robots" content="all">
<meta name="viewport" content="width=device-width,initial-scale=1.0">

<?php wp_head(); ?>

<link rel="icon" type="image/x-icon" href="/favicon .ico">

</head>
<body>
.
.
.

// function.php

<?php
function my_script_init()
{
  wp_enqueue_style('font', 'https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap');
  wp_enqueue_style('fontawesome', 'https://use.fontawesome.com/releases/v5.15.1/css/all.css', array(), '5.15.1', 'all');
  wp_enqueue_style('css', get_template_directory_uri() . '/css/style.css', array(), '1.0.0', 'all');
  wp_enqueue_script('js', get_template_directory_uri() . '/js/script.js', array( 'jquery' ), '1.0.0', true);
}

add_action('wp_enqueue_scripts', 'my_script_init');
?>

ファイル階層は画像の通りです。