work.log

元エンジニアの備忘録的ブログ

TwentyTwelveの見出しが大文字になる場合の対処法

投稿:2013-05-09 16:10  更新:

WordPress のテーマ TwentyTwelve で英字の見出しが勝手に大文字になるのでその対処法を書きます。

頭文字以外は小文字で入力したはずなのに TwentyTwelve がおせっかいなせいで勝手にすべて大文字で出力されてしまいます。

具体的には下記画像のような感じです。

勝手に大文字になった見出し

twentytwelve-customize-013-01

※ 本来は WordPress と入力された文字列です。

今回はこれを入力したとおりに出力するようにカスタマイズしたいと思います。

TwentyTwelveのスタイルシートからtext-transformを除去

TwentyTwelve で英字が勝手に大文字になってしまうのはスタイルシートに設定された text-transform が原因です。

スタイルシートには下記のように記述された箇所がいくつかあるのでこれを削除していきます。

text-transform: uppercase;
text-transform について

text-transform は英字のテキストを指定された条件で表示変更できる設定です。今回はすべて大文字に変換されますがそれ以外にも下記の設定が存在します。

  • none = 無変換。そのまま表示。
  • capitalize = 頭文字のみを大文字で表示。
  • lowercase = すべてを小文字で表示。
  • uppercase = すべてを大文字で表示。

削除する箇所を TwentyTwelve デフォルトのスタイルシートで表すと 192, 1085, 1481 行目がそれにあたります。

すべて削除すると入力したとおりに表示されるようになります。

text-transform除去後の表示例

twentytwelve-customize-013-02

入力されたとおりに表示するようになりました。

簡単ですが TwentyTwelve で勝手に大文字になる場合の対処法は以上です。

おすすめのVPSサーバ

  • OSが選べる
  • VPS同士でLANが組める
  • 複数台構成向き

このブログで使っています。

  • 転送量が多いサービスに
  • 借りてるのは3年間一度もdown無し!

よく見られている記事

  • 本日
  • 週間
  • 月間