サポート » テーマ » 子テーマのeditor-style.css

  • kshy

    (@kshy)


    twentytenを親テーマとして、子テーマを作っています。

    tiny_mceのCSSを設定したいと思い、子テーマディレクトリにeditor-style.cssを設置しました。

    ところが、p{margin-bottom: 0;}などが効きません。

    原因は、/wp-admin/includes/post.phpのwp_tiny_mce()において、

    foreach ( $editor_styles as $file ) {
        if ( file_exists( "$style_dir/$file" ) )
            $mce_css[] = "$style_uri/$file";
        if ( file_exists( "$template_dir/$file" ) )
            $mce_css[] = "$template_uri/$file";
    }

    と書かれており、子テーマのCSSよりあとに、親テーマのCSSが呼ばれてしまう点にあります。

    順番を逆にした方が自然な感じがするのですが、いかがでしょうか?

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • nobita

    (@nobita)

    こんにちは、

    http://core.trac.wordpress.org/ticket/14430

    で同じような指摘をしている人がいるみたいですね 

    スレッド開始 kshy

    (@kshy)

    こんにちは。
    返信ありがとうございました。

    なるほど、avitさんの指摘の通り、2個目のifをelseifにするのが、
    他の挙動と一致してよりよいですね。

    解決するまでは、.mceContentBody p{ … }などとして、
    CSSの優先順位を上げる形で対応してみます。

    フォーラムのルールの質問で恐縮ですが、
    こちらの件は、解決済みにしてもよろしいんでしょうか?
    ソースとしては、解決していないんですが、
    私的には、解決した感じです。

    ありがとうございました。

    sysbird

    (@sysbird)

    私も自分で作成した editor-style.css がどうしても有効にならない部分があり、

    p{margin-bottom: 0; !important}

    というように解決しました。
    内部コードまで追ったことがないので、
    どういう仕組みになっているのかは分からないのですが、
    とりあえずCSSの仕様として !importantで優先順位があがります。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「子テーマのeditor-style.css」には新たに返信することはできません。