すべてのブログから「#反映しない」タグの検索結果

こんにちは、Dr.WordPressです。WordPressでデザインを調整するために「追加CSS」へCSSを書いたのに、「何度書き直しても反映されない」ということがあります。例えば、「テーマのCSSは正常に読み込まれている」「追加CSSに書いた色だけ変わらない」「PCでは変わるのにスマホでは反映されない」といったケースです。追加CSSが効かない場合、CSSの書き方だけでなく、優先順位やキャッシュ、テーマ側の設定などが影響している可能性があります。今回は、WordPressの追加CSSだけ反映されないときに確認したい7つの原因をご紹介します。① CSSのセレクタが違っているまず確認したいのがセレクタです。CSSでは、「どの要素のデザインを変更するのか」をセレクタで指定します。見た目では同じようなボタンや見出しでも、実際には別のクラス名が設定されている場合があります。特に、・テーマを変更した・ページを作り直した・ブロックを変更したといったあとでは、以前使っていたCSSが効かなくなることがあります。まずは変更したい要素を正しく指定できているか確認してみましょう。② CSSの優先順位で負けている追加CSS自体は読み込まれていても、テーマやプラグイン側のCSSが優先されている場合があります。CSSには優先順位があり、より強い指定が別の場所に書かれていると、追加CSSに書いた内容が反映されないことがあります。例えば、「追加CSSには赤色と書いているのに、テーマ側で指定された青色のまま」というケースです。この場合、CSSを何度追加しても原因を解決できないことがあります。開発者ツールを使って