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のおすすめ本

 

 

 

コメント

  1. […] Google検索「h5 英語 大文字になる」 WordPressで英語が大文字で表示される原因と解決策 | urashita.com 浦下.com (ウラ… […]

タイトルとURLをコピーしました