子テーマの複数のCSSを適応させたい

Question

前提・実現したいこと

ワードプレスの子テーマを作って子テーマのstyle.cssの呼び込みはできましたが、
親テーマの同じ階層にもうひとつあるstyle.min.cssも子テーマに設置し、呼び込みしたいのですが、
子テーマのfunction.phpにどう書けばよいのかわかりません。

該当のソースコード

現在の子テーマのstyle.cssの呼び込みの記述

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles(){
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    }

問題なく子テーマのstyle.cssを読み込んでくれています。

試したこと

function my_enqueue_styles() {
    wp_enqueue_style( 'layouts-style', get_stylesheet_directory_uri() . '/style.min.css' , array(), true);
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_styles' );

を書き加えてみたことろ、子テーマに設置したstyle.min.cssを読み込んではくれますが、親テーマにあるstyle.min.cssも同時に読みこんでいます。

子テーマのstyle.min.cssのほうを優先？もしくは子テーマのstyle.min.cssだけを読み込むにはどのように記述すればよいのかアドバイスを頂けると助かります。
ネットでもたくさん検索して

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'layouts-style', get_template_directory_uri() .'/style.min.css' );
}

なども試してみましたが変わらず親テーマのstyle.min.cssを読み込んでいます。

よろしくお願いしますm(__)m

補足情報（FW/ツールのバージョンなど）

補足します。

現在のヘッダーのソースコードは下記のような出力となります。

補足します。

ワードプレステーマDIVERにて、
親テーマのfunctions.phpを見たところ、
さらに他の場所にあるファイルを呼び込む記述がありました。

style.min.cssを全文検索をかけると、
それらのファイル群の中で

functions/diver_setting.php
functions/load-script.php

の2つのファイルの中でstyle.min.phpの記述がありました。

まず一つ目

functions/diver_setting.phpの中で

function my_theme_add_editor_styles() {
    add_editor_style('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css');
    add_editor_style(diver_minifier_file('/editor-style.css','/editor-style.min.css','css'));

}
add_action( 'init', 'my_theme_add_editor_styles' );

と記述がありました。

そして、

二つ目

functions/load-script.phpの中で

function my_style() {
	//maincss
	wp_enqueue_style( 'diver-main-style', diver_minifier_file('/style.css','/style.min.css','css'));

	wp_deregister_style('parent-style');


	if(strpos(get_stylesheet_directory_uri(),'bc') !== "diver_child"){
		wp_enqueue_style( 'child-style', get_stylesheet_directory_uri()  . '/style.css',array(), null, 'all');
	}

	if(get_bloginfo('version') >= "5.0.0"){
		wp_enqueue_style( 'diver-block-style', diver_minifier_file('/lib/functions/editor/gutenberg/blocks.css','/lib/functions/editor/gutenberg/blocks.min.css','css'));
	}

	//swiper
	wp_enqueue_style( 'swipercss','https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css', array(), null, 'all');

	if(get_option('diver_option_firstview','0') == '4'){
		wp_enqueue_style( 'YTPlayer', 'https://cdnjs.cloudflare.com/ajax/libs/jquery.mb.YTPlayer/3.2.9/css/jquery.mb.YTPlayer.min.css', array(), null, 'all');
			// YTPlayer
		wp_enqueue_script( 'ytplayer', '//cdnjs.cloudflare.com/ajax/libs/jquery.mb.YTPlayer/3.2.9/jquery.mb.YTPlayer.min.js', array(), false, true );
	}

	if(!is_mobile()){
		// sticky
		wp_enqueue_script( 'sticky', get_template_directory_uri()  . '/lib/assets/sticky/jquery.fit-sidebar.min.js', array(), false, true );
	}

}
add_action( 'wp_enqueue_scripts', 'my_style');

と記述がありました。

Answer 1

子テーマを使用している場合、get_template_directory_uri は親テーマのディレクトリURIを返します。
WordPress 4.7.0 以降で子テーマ → 親テーマの優先順位でファイルを呼び出す場合は get_theme_file_uri を利用するのが良いと思います。4.7.0 以前では get_stylesheet_directory_uri になります。

// 優先度を下げて親テーマでの wp_enqueue_scripts よりも後に実行させる.
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', 11 );
function theme_enqueue_styles() {
    // 親テーマで登録される style.min.css の読み込みを解除する.
    wp_dequeue_style( 'diver-main-style' );
    // 子テーマ側のスタイルファイルの読み込みを登録する.
    wp_enqueue_style( 'child-style', get_theme_file_uri( 'style.css' ) );
    wp_enqueue_style( 'layouts-style', get_theme_file_uri( 'style.min.css' ) );
}

Comments

[JAMJP]

早速の回答心から感謝します。
試してみましたが、親テーマと子テーマ、両方のstyle.min.cssを読み込んで、親テーマのstyle.min.cssが優先されているようです。
ワードプレスのバージョンはWordPress 5.2となります。

[YukiYamashina]

以前のコードは削除されましたでしょうか？

[JAMJP]

ご親切にありがとうございます。
既存のコードを削除し、お教えくださいましたコードに書き換えましたm(__)m

[YukiYamashina]

それでも親テーマの sty.e.min.css が読み込まれている場合は、親テーマ内の function.php で style.min.css が wp_enqueue_style で登録されていると思われますので、それを探してみてください。該当箇所を見つけて質問に追記していただければ、回答に追記いたします。

[JAMJP]

大変お世話になっております。補足事項にコード追記しましたm(__)m

[JAMJP]

お世話になっております。おはよう御座います。ただいま出先につき帰宅しましたらお教えいただいたコードを子テーマのfanctions.phpの当該箇所と入れ替えてみます。のちにご報告いたします<(_ _)>
感謝です。

[JAMJP]

お世話になっております。
無事子テーマのstyle.min.cssを読み込ませることが出来ました。ご親切にありがとう御座います。
理解を深めたいのですが、この、

wp_enqueue_scripts', 'theme_enqueue_styles', 11

の数字の11はどんな意味があるのでしょうか？

[YukiYamashina]

アクションにフックさせる関数の優先度（実行順序）です。デフォルト（省略した場合）では 10 となります。数値が大きいほどフックさせた関数が後に実行されます。親テーマ側では優先度を省略しているため、デフォルトの 10 として登録されています。優先度を 10 よりも大きくしておかないと、親テーマ側の add_action( 'wp_enqueue_scripts', 'my_style'); よりも add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ) が先に実行されてしまうため、親テーマ側で wp_enqueue_style( 'diver-main-style', ...) で登録したキューを解除することができません。

[JAMJP]

ご親切にありがとうございます。
とても勉強になります。
まだまだわからないことばかりですが、自分で調べながら理解を深めていこうと思います。お付き合い下さり心より感謝申し上げます。ベストアンサーに登録させてください。