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

はじめに

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

現象

とあるWordPressテーマを適用すると、タイトルの英語部分が勝手に大文字になってしまいました(画像はイメージです)。
記事のタイトルが管理画面に入力したとおり表示されている
記事のタイトルの英字がすべて大文字になっている

対処方法

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

ホームプロフィール外部リンクのため、別ウインドウで開きますプライバシーポリシー

時間のないサイト運営者リング外部リンクのため、別ウインドウで開きます

© 2024 Oishi Takanori / Made with Gatsby.js