WordPressのテーマTwentyTwelveはシンプルでいいテーマです。でも、いくつか想定外のおせっかいな機能がデフォルトで組み込まれています。その1つが、入力されたアルファベットの小文字を、勝手に大文字に変更して出力すると言うものです。

自動大文字変換が作動する場所

とはいっても、ページ全体にわたって小文字が自動的に大文字に変換されて出力されるわけではありません。

自動大文字変換が発動するのは、以下の場所です。

• メニューバー
• カテゴリーページの「カテゴリーアーカイブ：」の右側
• サイドバーのウィジェットの見出し

犯人はtext-transform: uppercase;

この自動変換の犯人は、style.cssに何箇所か記述されているtext-transform: uppercase;です。

これをすべてtext-transform: none;に代えると、自動大文字変換は発動しなくなります。

以下の画面はstyle.css修正後のものです。自動大文字変換はもう発動しなくなりました。

text-transformの詳細

text-transformは@web_shufu的にはいらない機能なのですが、使ってみたいと言う方はこちらで学習するのがオススメです。

[img-link url=”http://www.w3schools.com/cssref/pr_text_text-transform.asp” title=”CSS text-transform property”]
英語ですが「play it!」コーナーで、色々試行錯誤ができるのがいいです。