スタイルシートやJsファイルを一元管理する

ワードプレスで制作する際、自分独自のスタイルシートやjsファイルをfunctions.phpで一元管理する方法です。

設定手順

function.phpにコードを記述

<?php
function my_enqueue_scripts() {
 $uri = esc_url(get_template_directory_uri());
 wp_enqueue_script('jquery');
 wp_enqueue_script('xxx_js', $uri . '/ファイルパス/xxx.js', array());
 wp_enqueue_style(xxx_styles, $uri . 'ファイルパス/xxx.css', []);
}
add_action('wp_enqueue_scripts', 'my_enqueue_scripts');

上記コードをfunction.phpに記述すれば完成です。
『wp_enqueue_script(‘jquery’);』部分はワードプレスのjQueryを使用する際の記述です。