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

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

  • このトピックには4件の返信、1人の参加者があり、最後にDDにより5年、 9ヶ月前に更新されました。
4件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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様ありがとうございます。
      確かにキャッシュの影響でした。キャッシュ削除をすっかり忘れていました。

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

4件の返信スレッドを表示中
返信先: 子テーマCSSの変更が投稿作成中のみ反映しないで#60256に返信
あなたの情報:




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