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

フォーラム その他 子テーマのcssを反映させる

  • このトピックには7件の返信、3人の参加者があり、最後にisaemonnにより3年、 5ヶ月前に更新されました。
8件の投稿を表示中 - 1 - 8件目 (全8件中)
  • 投稿者
    投稿
  • #90999
    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が優先されているようです。

    対策はありますか?

    #91001
    isaemonn
    参加者

    追記です。

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

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

    #91002
    sagawa
    キーマスター

    こんにちは。

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

    #91004
    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’ );
    }

    #91036
    yasumax
    キーマスター

    こんにちは。

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

    【参考URL】
    WordPress Codex 日本語 wp_enqueue_style

    #91065
    isaemonn
    参加者

    yasumaxさん

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

    #91100
    yasumax
    キーマスター

    こんにちは。

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

    #91127
    isaemonn
    参加者

    yasumaxさん

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

8件の投稿を表示中 - 1 - 8件目 (全8件中)
  • このトピックに返信するにはログインが必要です。