WordPressで海外のテーマをそのまま、あるいは、カスタマイズして使っていると、自分が入力したときには大文字小文字意識して入力していたのに、実際に表示されている状態を確認するとすべて、大文字に変えられてしまうことがあります。
これは、テーマのstyle.cssで大文字にするように指定しているためです。
このような場合に、入力した通りに表示されるようにするための対処方法です。
スタイルを削除、または、コメントアウト
該当箇所のid、classを確認し、
text-transform: uppercase;
となっていれば、削除または、コメントアウトすれば、入力したときと同じ状態で表示されます。
text-transformプロパティについて
せっかくですので、text-transformプロパティの詳細についてのおさらいです。
text-transform:none;
入力した通りに表示します。これが初期値です。何も指定していなければこちらが適用されています。
text-transform:capitalize;
単語の先頭文字だけを大文字で表示します。
text-transform:lowercase;
全ての文字を小文字で表示します。
text-transform:uppercase;
全ての文字を大文字で表示します。
CSSスタイルなのでWordPressに限ったことではない
CSSスタイルの設定なので、WordPressだけでなく、Movable Typeなどの他のCMSで海外のテーマを使用する場合には共通の注意点です。
CSS設定を確認しましょう。
コメント