ワードプレスなどのCMS利用時に小文字で書いたアルファベットが勝手に大文字で表示してしまう場合の対処

ワードプレスやJoomla!、Drupal、MODX、無料ブログなどのCMSを使っているときに、記事には間違いなく小文字で書いているのになぜか勝手に大文字に変換されてブログに表示されてしまう場合の対応方法です。

主に海外製テーマ＆テンプレートを使用した場合によく見られます。

勝手に変換されてしまう原因はCSS(スタイルシート)にあるこの記述です。

text-transform:uppercase;

これを消すか、デフォルトである「text-transform:none;」に書き換えることで、大文字・小文字は変換されずに書き込んだとおり表示されます。

なお「text-transform」は上記で紹介したuppercaseやnone以外の他の値も指定できますのでまとめてみました。

記述した通りに表示されます(デフォルトの状態はこれです)

text-transform:none;

最初の1文字目(頭文字)のみが大文字で表示されます

text-transform:capitalize;

書き込んだアルファベットがすべて小文字で表示されます

text-transform:lowercase;

書き込んだアルファベットがすべて大文字で表示されます

text-transform:uppercase;

間違いなく小文字で書いているのに全部大文字になってまったり、頭文字だけ大文字になってしまったり、ちょっと不思議な現象はこういうことでした。