Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › 子テーマCSSの変更が投稿作成中のみ反映しない
- このトピックには4件の返信、1人の参加者があり、最後にDDにより5年、 9ヶ月前に更新されました。
-
投稿者投稿
-
-
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が反映されない時の対策は全てやってみました。
-
かうたっくゲスト
子テーマ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などでは低いのが原因のときもあるからです。
-
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; }
今のところこのような状況です。分かることがあればよろしくお願いいたします。
-
Akiraゲスト
ブラウザのキャッシュを削除すると、反映されると思います。
テスト環境で下記の CSS を editor-style.css に追加したところ、きちんと反映されました。
h2 { background: #fffaf4; border-left: solid 5px #ffaf58; color: #494949; padding: 0.5em; }
-
DDゲスト
Akira様ありがとうございます。
確かにキャッシュの影響でした。キャッシュ削除をすっかり忘れていました。かうたっく様ともどもありがとうございます。無事に解決できましたし、勉強になりました。
-
-
投稿者投稿