すべてのカテゴリ

こんにちは、Dr.WordPressです。WordPressで文字サイズを変更しようとしてCSSを書いたのに、「文字が大きくならない」「font-sizeを変更したのに反映されない」「PCでは変わるのにスマホでは変わらない」といったことはありませんか？CSSを書いても文字サイズが変わらない場合、CSS自体が間違っているとは限りません。テーマや別のCSSによって上書きされていたり、キャッシュが残っていたりする場合もあります。今回は、WordPressで文字サイズが変わらないときに確認したいポイントをご紹介します。① 指定している場所が正しいか確認するまず確認したいのが、「変更したい文字にCSSが正しく指定されているか」です。例えば、・class名を間違えている・違う要素を指定している・親要素にCSSを書いている・同じようなclass名と間違えているといったケースがあります。CSSを書いてもまったく変化がない場合は、まず変更したい文字を正しく指定できているか確認してみましょう。ブラウザの開発者ツールを使うと、対象の文字にどのCSSが適用されているのか確認できます。② 別のCSSに上書きされていないか確認するWordPressでは、ひとつの文字に複数のCSSが指定されていることがあります。例えば、・テーマのCSS・追加CSS・子テーマのCSS・プラグインのCSS・ページビルダーのCSSなどです。自分で文字サイズを変更していても、別のCSSの優先順位が高ければ、そちらの文字サイズが表示されます。「CSSは間違っていないはずなのに変わらない」という場合は、別のCSSに上書きされていないか