twentyfourteenの投稿タイトルが全部大文字になっちゃうのをやめる

この記事のURLとタイトルをコピーする

Image

  • この記事は http://umo.to に掲載してあった記事を移動しました。

インストールして最初から存在しているこの投稿。これをソースで見ると、

<h1><a href=”http://localhost/umo.to/?p=1″ rel=”bookmark”>Hello world!</a></h1>

のように大文字小文字混じりで書いてあります。これを書いたとおりに表示するには、というかなんでこれが全部大文字になってるの?とタイトルに指定してある entry-title の style.cssを見てみたら、こんなかんじでした。

大文字にしてるのは

text-transform: uppercase;

この部分。

uppercase というのが 全てを大文字で表示します。 という意味なのだそうです。

色を変えたときに既に子テーマを作ってあったので、子テーマフォルダのstyle.cssで

.entry-title {
text-transform: none;
}

と書きます。これで 「テキスト変換はしません!」 という指定になるので、表示も

Image

こんな感じになりました。WordPressとか大文字小文字をちゃんと書きたい!というタイトルの時はやっぱ変換して欲しくないですよね~

ちなみにこのblogの最初の記事も

Image

だったのが

Image

と書いたとおりに表示されるようになりました!めでたしめでたし…

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

この記事のURLとタイトルをコピーする
スポンサーリンク
スポンサー広告

コメント

  1. […] ことで、サクッと変更してみることにします。 参考にさせていただいたのは、こちらのサイト。 […]

トップへ戻る

ゆうそうとについての説明

ゆうそうと とは東京都八王子市を中心として、WordPressによるWEBサイトの作成や、スポットでのIT相談を行ったり、年間契約でのIT顧問をなりわいとして活動しています。

特徴としては30年以上IT業界でプログラムを中心として仕事をしてきたものと、美大出身のデザイナーがワンストップで対応するため、幅広い対応が可能であることです。

IT相談は直接お会いしてのご相談の他、ZOOMによるオンライン相談も可能です。