WordPressで英語が大文字で表示される原因と解決策

WordPress

WordPressで入力した英語の文字が、必ず英語が大文字で表示されてしまうケースがあります。

困ったので原因を調べてみました。

スポンサーリンク

WordPressで大文字のみになる原因

調べてみたところ、使っているテーマのスタイルシートで変換されているようです。

私の使っているスタイルシートstyle.cssを調査したところ、以下のような記述がありました。

このtext-transform: uppercaseにてh1からh6タグで入力した文字がすべて大文字化されていました。

WordPressで大文字のみになるときの解決策

この問題を修正する方法は、以下の通りです。

text-transform:none; //そのまま表示
text-transform:capitalize; //先頭の文字を大文字に変換
text-transform:lowercase; //すべて小文字に変換
text-transform:uppercase; //すべて大文字に変換

私の使っているテーマのスタイルシートstyle.cssでは全部で14ヶ所、uppercaseになっていたので、全部

text-transform: uppercase;

から

text-transform:none;

に変更しました。

WordPressのおすすめ本

↓WordPressのおすすめ本はコチラ
WordPressのおすすめ本

スポンサーリンク
スポンサーリンク
Translate »