WordPressテーマ 『Twenty Fourteen』の記事タイトルの英字が大文字変換されないよう修正する

Before

WordPress公式テーマ『Twenty Fourteen』の記事タイトルなどに含まれる英字が全て大文字に変換されてしまうのを修正するための備忘録です。

スクリーンショットのとおり記事タイトルの見出しはソースではAndroidとMarkdownと記述していますが、自動的にANDROID、MARKDOWNのように単語の先頭文字以降もすべて大文字に変換されてしまっています。個人的に全て大文字というのは余程目立たせたい場合を除いて使わない手法なので元に戻すことにしました。

テーマのstyle.cssを開き、text-transformプロパティについてuppercaseをnoneに修正するだけです。たとえば、サンプルとして『markdown editor』をtext-transformでいろいろと変換してみます。

記述したとおりに表示

text-transform: none;
markdown editor

単語の先頭文字を大文字で表示

text-transform: capitalize;
markdown editor

全てを小文字で表示

text-transform: lowercase;
markdown editor

全てを大文字で表示

text-transform: uppercase;
markdown editor

Twenty Fourteenテーマのstyle.cssのデフォルト値はuppercaseやnoneが混在しており、個別に修正するのが面倒なので記事タイトルに限定せずに全てまとめて一括置換して終了させました。修正した結果がこのとおりです。

After

最近、サーバーの調子が芳しくなく原因調査の一環でテーマも変えてみました。直前も公式テーマですが Twenty Eleven をベースとしており相応に時間も経過していたので年もあらたまったところよい頃合いかと思い切り替えました。これをベースに少しずつ調整を加えています。

[sharepost url=”http://twentyfourteendemo.wordpress.com/”]