WordPressの子テーマでCSSやJSの読み込み順序を指定する方法
@wordpressWordPressで子テーマを使用する場合、子テーマのfunctions.phpで親テーマのCSSやJSを読み込み、その後に子テーマのファイルを読み込むことで上書きします。
//親テーマと子テーマのCSSとJSを読み込む
add_action( 'wp_enqueue_scripts', 'theme_enqueue_scripts' );
function theme_enqueue_scripts() {
//親テーマのstyle.css
wp_enqueue_style( 'style', get_template_directory_uri() . '/style.css' );
//子テーマのstyle.css
wp_enqueue_style( 'style-child', get_stylesheet_directory_uri() . '/style.css', array( 'style' ) );
//親テーマのfunctions.js
wp_enqueue_script( 'functions', get_template_directory_uri() . '/js/functions.js' );
//子テーマのfunctions.js
wp_enqueue_script( 'functions-child', get_stylesheet_directory_uri() . '/js/functions.js', array( 'functions' ) );
}