WordPressテーマSANGOの質問

テーマエディター経由で入力しても反映されません

アバター
Tetsuko

初めまして、お世話になります。
こちらのページを参考に、cssを「外観→テーマエディター(子テーマのstyle.css)」からコードを入力したところ反映しませんでした。
(キャッシュ削除もしてみましたが、見た目が変わりませんでした)
でも、「外観→カスタマイズ→追加css」で入力した際にはきちんと反映され、表示を変えることができました。
個人的な使い心地として、テーマエディターからcssを入力して反映させたいと思っているのですが…ちなみに別のコード(h1の見出し変更)を入力してみたところ、やはり反映しませんでした。
初心者で理由の探り方にも難儀し、困っております。

ヘッダーのロゴ画像を横いっぱいに表示するカスタマイズ
コメントへの回答
サルワカくん
サルワカくん
2020/09/10

原因がいくつか考えられるので、カスタマイズが反映されないページのURLを教えていただけますか?
また、念のため貼り付けたCSSの内容をこちらのコメントの返信にコピペしていただけますか?

アバター
Tetsuko
2020/09/11

たびたびお世話になります。
先日はお読みいただきありがとうございました。

URLは—なのですが、ロゴ画像を横いっぱいにするカスタマイズとして
現在「外観→テーマの編集→style.css」(子テーマ)に入力してあります。
「ヘッダーのロゴ画像を横いっぱいに表示するカスタマイズ」
(https://saruwakakun.com/sango/logo-max)
でご紹介いただいているコードをコピペさせてもらいました。

/*ロゴ画像を横いっぱいに*/
#inner-header, #drawer + #inner-header, #logo {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.header–center #logo img {
padding: 0;
height: auto;
width: 100%;
max-width: 1000px;
}
.header–center #logo {
padding: 0;
background: #ffffff;
}

@media only screen and (min-width: 1030px) {
.single #logo img, .page #logo img {
max-width: 92%;
}
}

@media only screen and (min-width: 1240px) {
.single #logo img, .page #logo img {
max-width: 1180px;
}
}
/*END ロゴ画像を横いっぱいに*/

です。
カスタマイズページの「基本情報とロゴの設定」で
文字の非表示、ロゴの中央寄せにもチェックを入れています。
反映しない理由が分からず…ご教授いただければ幸いです。
よろしくお願いします。

サルワカくん
サルワカくん
2020/09/11

私の環境から拝見したところ、カスタマイズは正しく反映されているようです。
やはりブラウザのキャッシュが残っていることが原因だと思います。

下記のリンク先を参考に、改めてブラウザのキャッシュを削除してみていただけますか?
ブラウザのキャッシュをクリアする方法

アバター
Tetsuko
2020/09/12

今日改めて直接トップページのURLを入力してみたら、無事反映されていました。
ここ数日、履歴削除もしていたつもりだったのですが反映しないことに焦ってしまっていました…。
よく考えたら、他のブラウザで見てみるとか、別のアプローチで検証する方法もあったんですよね…もっとページを作ることに関して勉強していきたいと思います。
ご教授感謝いたします、ありがとうございました。