WordPressでタイトルが勝手に英語大文字になってしまう原因

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

現象

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

↓

対処方法

CSSによって大文字に変更されています。よって、テーマのCSS上に存在する

text-transform: uppercase;

または

text-transform: capitalize;

をすべて削除することで改善します。

text-transform－スタイルシートリファレンス

HTMLタグ・スタイルシート・特殊文字等の早見表

www.htmq.com

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

親テーマのCSSを変更することに問題がある場合は子テーマのCSSへ対象のセレクタに

text-transform: none;

を指定します。