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

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

現象

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

対処方法

CSSによって大文字に変更されています。よって、テーマのCSS上に存在する
text-transform: uppercase;
または
text-transform: capitalize;
をすべて削除することで改善します。
text-transform - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/text-transform
「uppercase」はすべて大文字、「capitalize」は1文字目のみ大文字にするように指定したものです。
親テーマのCSSを変更することに問題がある場合は子テーマのCSSへ対象のセレクタに
text-transform: none;
を指定します。

@bicstone

大石貴則 (Ōishi Takanori) と申します。 Webエンジニア / セキュリティスペシャリスト / 機械エンジニア です。 プロダクトに幅広く携わり、相互成長し続けられるエンジニアを目指しています。

GitHubLinkedIn