WordPressのテーマのせいで英語が勝手に大文字になってしまうのを小文字になるようにする方法

スポンサーリンク

海外のWordPressテーマで良くある現象ですが、タイトルなどに英語を入れると、小文字で入力しているにも関わらず勝手に大文字に変更されてしまう現象。

これを解除する方法を小ネタ的に下記に記載いたします。

該当箇所のHTMLが下記のような場合

<title>ここにタイトルを入力</title>

CSSでtext-transformの設定を解除する

title{text-transform:none;}
【解説】大抵の場合、該当箇所に「text-transform」で自動的に英語は大文字にするよう規定されているので、CSSに自分で「text-transform:none」を入力すれば、大文字になってしまうのを解除できます。

該当箇所のHTMLが下記のような場合

<h2 id="omozi">ここにタイトルを入力</h2>

CSSでtext-transformの設定を解除する

h2#omozi{text-transform:none;}
【解説】h2などの見出しタグにidが規定されている場合の解除の方法です。

該当箇所のHTMLが下記のような場合

<h2 class="omozi">ここにタイトルを入力</h2>

CSSでtext-transformの設定を解除する

h2.omozi{text-transform:none;}
【解説】h2などの見出しタグにclassが規定されている場合の解除の方法です。

以上。

CSS, Wordpress

Posted by koyasu