WordPressで英語が大文字で表示される

シェアする

  • このエントリーをはてなブックマークに追加

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

調べてみたところ、使っているテーマのスタイルシートで変換されているようです。
私の使っているスタイルシートstyle.cssを調査したところ、以下のような記述がありました。

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;
に変更しました。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です