STINGER+ 子テーマCSSを変更しても反映されない?

STINGER PLUS+子テーマのスタイルシート(style.css)に変更を追加したが、まったく反映されなっかたので調べてみました。

たぶんSTINGER PLUS+を導入して間もない時にはまってしまう人がいるかもしれない(自分ですが)。

まずは経緯から

STINGER PLUS+ とSTINGER PLUS+の子テーマをダウンロードして、WordPlessの管理画面から2つのテーマのインストール(Zipファイルのまま)その後、子テーマを有効にしました。

そのあと、他のサイトを見ながら初期設定等をいろいろしました。いくつか記事を書いていて文字と行間をおおきくしたいなぁと思い、子テーマのCSSファイル(style.css)を変更して更新したが、いっこうに反映されないのだ。

オリジナルテーマカスタマイザーを使用するのチェックをはずす

結論からいうと

wordpressのダッシュボードからSTINGER管理→STINGER管理の画面でオリジナルテーマカスタマイザーを使用するのチェックをはずすです。

↓の画像 (その後セーブボタンも忘れずに)

%e3%82%aa%e3%83%aa%e3%82%b8%e3%83%8a%e3%83%ab%e3%83%86%e3%83%bc%e3%83%9e%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%b6%e3%83%bc

wordpressのテーマのCSSは最後に読まれたファイルを優先する仕様ですので、オリジナルテーマカスタマイザーを使用するにチェックを入れると、通常の記事ファイルに直接スタイルがあてられて結果そちらを優先してしまい、CSSファイルの変更が反映されないらしい。

通常ではチェックははずれていますが、いろいろなサイトを参考にテーマの外観をいじっている時にチェックを入れていました(すっかり忘れていました)。そのためCSSファイルに変更を入れても反映されなかったんです。

チェックをはずした後はCSSの変更が無事反映されました。

スポンサーリンク



スポンサーリンク



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です