子テーマCSSの変更が投稿作成中のみ反映しない

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など 子テーマCSSの変更が投稿作成中のみ反映しない

このトピックには4件の返信が含まれ、1人の参加者がいます。1 年、 1 ヶ月前 DD さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #60246 返信

    DD

    CSS変更で気になった事がありますので、何か分かることがあれば教えてください。
    子テーマのCSSに見出しのスタイル変更を書き込みました。それにより公開済みの記事は新しいスタイル見出しに変わりました。しかしながら新規投稿時や編集作業時の画面では、見出しはSimplicityのままです。公開すれば変更されるので実質的には問題ないのですが、こういう仕様なのかどうかご存じの方よろしくお願いいたします。
    WordPress 4.9.6
    Simplicity2バージョン: 2.6.6
    Simplicity2 childバージョン: 20161002
    Google Chrome: 67.0.3396.87(Official Build) (64 ビット)
    書き込んだコード

    /*見出しタグ*/
    .article h2 {
    padding: 0.5em;/*文字周りの余白*/
    color: #494949;/*文字色*/
    background: #fffaf4;/*背景色*/
    border-left: solid 5px #ffaf58;/*左線(実線 太さ 色)*/
    }

    ちなみに公開したら反映していると後から気づいたため、CSSが反映されない時の対策は全てやってみました。

  • #60247 返信

    かうたっく

    子テーマCSSでは大きく分けると以下3つのスタイルシートがあります。

    ・投稿記事用のstyle.css関連
    ・AMP用amp.css
    ・エディタ用スタイルシートeditor-style.css

    今回3番目のeditor-style.cssに追記が必要です。

    editor-style.cssに.articleを指定しても管理画面上のHTML内にはclass="article"は存在しないので、h2だけを指定すれば反映します。

    ・もしh2などシンプルな指定方法で効かない場合。

    #tinymce h2 {/*ここにstyle*/}

    と指定してください。CSSの優先順位がh2などでは低いのが原因のときもあるからです。

  • #60256 返信

    DD

    かうたっく様、説明ありがとうございます。知らなかった事がいろいろ理解でき勉強になったのですが、教えていただいた方法でやってるつもりですが、うまくいきません。
    おそらくどこかの理解が間違っているのではと思いますので、理解できた事と作業を順に記載します。違っている部分があれば指摘ください。
    1、私が書き込んだものは完成した画面にのみ反映するものなので、追加でエディタ用スタイルシートに作成画面のスタイルコードを書かないと同じようには見えない
    2、エディタ用スタイルシート.articleを抜いたコードを書き込むも変化なし

    /*見出しタグ*/
    h2 {
    padding: 0.5em;/*文字周りの余白*/
    color: #494949;/*文字色*/
    background: #fffaf4;/*背景色*/
    border-left: solid 5px #ffaf58;/*左線(実線 太さ 色)*/
    }

    3、指示された優先順位を加えたものを書き込みましたが変化なし

    #tinymce h2 {/*
    padding: 0.5em;
    color: #494949;
    background: #fffaf4;
    border-left: solid 5px #ffaf58;
    */}

    4、「*/ */」がいらないのかと思い取ってみたが変化なし

    #tinymce h2 {
    padding: 0.5em;
    color: #494949;
    background: #fffaf4;
    border-left: solid 5px #ffaf58;
    }

    今のところこのような状況です。分かることがあればよろしくお願いいたします。

  • #60257 返信

    Akira

    ブラウザのキャッシュを削除すると、反映されると思います。

    テスト環境で下記の CSS を editor-style.css に追加したところ、きちんと反映されました。

    h2 {
      background: #fffaf4;
      border-left: solid 5px #ffaf58;
      color: #494949;
      padding: 0.5em;
    }
  • #60259 返信

    DD

    Akira様ありがとうございます。
    確かにキャッシュの影響でした。キャッシュ削除をすっかり忘れていました。

    かうたっく様ともどもありがとうございます。無事に解決できましたし、勉強になりました。

返信先: 子テーマCSSの変更が投稿作成中のみ反映しない
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)