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

WordPress

2018.11.192014.08.20

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

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

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

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

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

h1, h2, h3, h4, h5, h6 {
margin-bottom: 12px;
color: #2A2A2A;
font-weight: bold;
text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {

margin-bottom: 12px;

color: #2A2A2A;

font-weight: bold;

text-transform: uppercase;

}

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

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

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

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

text-transform: uppercase;

から

text-transform:none；

に変更しました。

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