WordPressで記事タイトルが大文字になってしまう?

 

WordPressの投稿画面で、タイトルに小文字で英字テキストを入力しているのに

すべて大文字になってしまうという状態で、使い続けてる人も多いはず。

 

これはタイトル文字を作りだす指示コードが、すべて大文字になるよう命令がされてしまっているからで、コードの修正をしない限り、変わることはないんだよね。。。

 

修正の方法だけど、

まずワードプレスの管理画面を開いて

外観の「テーマの編集」を選択。

 

次に

表示された画面の右上(赤枠)の中から、いま使っているワードプレスのテーマを選んで、「選択」ボタンをクリック。

外観 ⇒ テーマの編集 ⇒ 編集するテーマ「使っているワードプレスのテーマ」を選択

 

初めての人は、ここから少し大変なんだけど、

「選択したファイルの内容」画面に英字で書かれたものがズラーと表示されて、この中から、上のような「text-transform: uppercase;」という部分を探しださないといけないのだ。。。

あっ、「uppercase」の部分が「none」になってる。

既に変更した記述をキャプチャしてしまった。。。m(-_-)m スマヌ

 

もちろん一つ一つ探していくのもいいんだけど、使っているブラウザ(IEやChromeやFirefoxなど)のサイト内検索を使うと便利。

 

「 Ctrl + F 」を押すと、サイト検索窓が現れるブラウザが多いから試してみて。

出てこない場合は、Yahooなどで「いま使用しているブラウザ名 サイト内検索」で検索してみると、検索窓の表示方法が出てくるはず。

 

検索窓が表示されたら「 entry-title 」または「 text-transform 」と検索をかけて

下のような場所を見つけてみよう!

 

.entry-title a {
font-size: 22px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
display: block;
line-height: 1.4;
}

 

上のような場所が見つかったら、下から3行目の「uppercase」を「none」に変更。

text-transform:uppercase; を

text-transform: none; に変更すればOK。

最後の「;(セミコロン)」は消してしまう人がいるから、忘れずに!

 

最後は必ず「 ファイルを更新 」の青いボタンを押してね。。。結構、これを押し忘れる人が多いみたい。

それとコードを変更した時は、必ず左端に書かれたコードの場所を表す番号をメモしておくこと。

あとで不具合や戻したいときにわからなくなると大変だからね。

 

間違えてコードを書き換えると修正が大変になるから、慣れた人にお願いするのがいいかも。

もちろんお礼も忘れずに!

 

ちなみにGoogle Chrome でページ内検索をかけると上の画像のように、右端のスクロールバーに文字の場所がわかるようになっているから、初めての人は、Chrome がいいかもね。

それ以外のブラウザ(すべてチェックしてないけど・・・)だと、表示されている画面内のみの検索だから、何度も何度も検索をかけることになる。

こうなると自分の目で追いかけた方が早いかもしれないから、とりあえず試してもらうしかないかな。。。

 

コードの書き換えは、間違えたり、誤ってコードを消してしまうと

修正できなくなって、プロに依頼しないといけなくなることもあるから、自信のない人は無理しないでね。

 

    

ABOUTこの記事をかいた人

「おなかがグー」の管理人シンメイです。日々の出来事や体験などを投稿していきますので、よろしくです。 ブログタイトルの「おなかがグー」は、パソコン等で情報を集める空腹時にも似た日々の作業と潰瘍性大腸炎である私のお腹の具合をイメージして名付けました。