WordPress カスタマイズでフォントサイズが変更できない場合の対処法

フォントサイズを変える項目がない

お気に入りの使えそうなテーマを見つけたのに、タイトルのフォントが大きすぎて気に入らないことが多々あります。

海外テーマは欧文でデザインされているため、日本語のサイトに適用するとタイトルのサイズが大きくなりすぎて違和感がある場合が多いです。

このようなとき、カスタマイズがフォントサイズに対応してくれていれば問題ないのですが、できない場合が多々あります。
そんなときは、

私の場合は、サイトタイトルのバカでかい文字を小さくしたかったので、それを元に説明します。

1.　サイトタイトルのあたりで右クリック→検証
デベロッパーツールが起動し、サイトタイトルがマークアップされています。

2.　マークアップされた部分で右クリック

3.　Copyメニューから　Copy Selector をクリック

これでクリップボードにセレクタがコピーされます。
慣れていない方はいったんメモ帳に貼り付けてみてください。

#navbar > div > div > a > h3　　のようにコピーされています。

なるほど(笑)
いくら“h3”や“header_site_title”にフォントサイズを指定しても変わらないわけですね。

4.　これを、追加CSSに記述します。
フォントサイズを小さくしたいので、親要素に対する相対値を2emで指定します。

他のちょっとした変更にもこれで対応できるときがあります。
追加CSSは、テーマとセットで保存されているので、テーマを変更しても元に戻せばcssも戻ります。
また親テーマが更新されても書き換わることもありません。