LoginSignup
1
1

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

Last updated at Posted at 2024-03-06

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;
1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1