子テーマのcssを反映させる

[isaemonn]

——————————————-
WordPress のバージョン：5.5
Welcart のバージョン：1.9.33
PHP のバージョン：7.3
ご利用のテーマ：WelcartBasic の自作子テーマ
症状を確認したブラウザ：chrome
サーバー：（ロリポップ）
SSLの利用：常時SSL
——————————————–

お世話になります。

受注データ編集画面のcss（usces_admin.css)を修正したく、子テーマに変更部分のみ記載したusces_admin-child.cssを作成しました。
子テーマのfunctionsは
if(is_admin()){
wp_enqueue_style(‘child-style’, get_stylesheet_directory_uri().”/usces_admin_child.css”);
}
としております。

しかし、変更したcssが反映されません。
htmlを確認したところ、head部分で読込はされておるようですが、
usces_admin.cssが優先されているようです。

対策はありますか？

[isaemonn]

追記です。

admin_style.cssが作成した、usece_admin_child.cssの後に読み込まれていることが原因ではないかと思うのですがどうでしょう？

読込順を変えるにはどうしたらいいのでしょうか？

[sagawa]

こんにちは。

フックはadmin_enqueue_scriptsをお使いでしょうか。

[isaemonn]

sagawa様

admin_enqueue_scriptを使用しております。

現在はこのようにしておりますが、読込順は子テーマのcssが先になっています。
add_action( ‘admin_enqueue_scripts’, ‘custom_admin_style’ );
function custom_admin_style() {
wp_register_style( ‘sub-style’, get_stylesheet_directory_uri() . ‘/usces_admin_child.css’, false, ‘1.0.0’ );
wp_enqueue_style( ‘sub-style’ );
}

[yasumax]

こんにちは。

wp_enqueue_styleの第三引数を設定してください。
詳しくはWordPress公式情報などを参照していただければと思います。

【参考URL】
WordPress Codex 日本語　wp_enqueue_style

[isaemonn]

yasumaxさん

第三引数について調べてみましたが、
usc-e-shop//css/admin_style.cssにidがない為、引数に当てられません。
他に引数に指定する方法があるのでしょうか？

[yasumax]

こんにちは。

アクションフックadmin_headで読み込み順番を「20」などにしてスタイルシートを読み込む方法はいかがでしょうか？

[isaemonn]

yasumaxさん

ありがとうございます。
おかげで解決しました。

[投稿者]

投稿