CSSで勝手に英語大文字になってしまう原因と対処法

WordPressでタイトルが勝手に英語大文字になってしまう原因と対処方法を紹介します。

※ これは2016-03-10に個人ブログで公開した記事を移植し、CC0-1.0で提供しています。情報は古い可能性があります。

現象

とあるWordPressテーマを適用すると、タイトルの英語部分が勝手に大文字になってしまいました(画像はイメージです)。

↓

対処方法

CSSによって大文字に変更されています。よって、テーマのCSS上に存在する、下記2つのスタイルをすべて削除することで改善します。

text-transform: uppercase;

text-transform: capitalize;

「uppercase」はすべて大文字、「capitalize」は1文字目のみ大文字にするように指定したものです。

親テーマのCSSを変更することに問題がある場合は子テーマのCSSへ対象のセレクタに次のスタイルを指定します。

text-transform: none;