【Twenty Fourteen】強制的に大文字にならないようにする

Twenty Fourteen で気になる箇所を一つずつ修正していっていますが、一旦これで最後かなっていうのが、色々強制的に大文字になってしまう点です。
一番目立つのは各エントリーのタイトルですね。文字サイズもデカいし。
例えば MacBook Air がタイトル箇所では、MACBOOK AIR となってしまいます。
こんなカンジですね↓

サイトバーにビデオを表示

このぐらいならまだ妥協できますが、iPhone とかはやっぱり IPHONE だとサスガにイヤです。。。
(´・ω・`)

これがタイトルだけじゃなくて、グローバルメニューからカテゴリーのタイトル、ウィジェットのタイトル等々、逆に言うと各記事本文以外のところは割と全て強制的に大文字になってしまいます。
修正方法は次の 2通りあります。

style.css の修正

いずれにせよ style.css を修正します。
「外観」>「テーマの編集」>「style.css」の中で、

text-transform: uppercase;

となっている部分が、小文字も強制的に大文字にしている部分です。
これを修正していきます。

方法①text-transform: uppercase; を text-transform: none; に修正する

実はこの箇所が都合 20数カ所あります。
そんな訳で僕は style.css を全文エディタにコピーして、
text-transform: uppercase;

text-transform: none;
一括置換しました。
で、これを元の style.css と置き換えます。

方法② style.css の末尾に一括記述を行う

職場の twenty fourteen は上の①の方法で解決しました。
その後もう一つ別の方法をこちらで見つけました。
style.css の文末に一括で修正する内容を記述する方法です。

twenty fourteen style.css text-transform; none

以下、記述するコードは、RYUS Blog からの引用です。


/* 大文字にしているところの指定をなしにする */
button,
.contributor-posts-link,
input[type=”button”],
input[type=”reset”],
input[type=”submit”] ,
.site-navigation a ,
.entry-title ,
.entry-meta ,
.cat-links ,
.entry-meta .tag-links a ,
.entry-content th,
.comment-content th ,
.entry-content .edit-link ,
.page-links ,
.post-navigation .meta-nav ,
.paging-navigation .page-numbers ,
.comments-title ,
.comment-list .reply,
.comment-metadata ,
.no-comments ,
.comment-navigation ,
.widget .widget-title ,
.widget_calendar caption ,
.widget_twentyfourteen_ephemera .post-format-archive-link ,
.content-sidebar .widget .widget-title ,
.featured-content .entry-title {
text-transform: none;
}

@media screen and (min-width: 783px) {
.primary-navigation {
text-transform: none;
}
}


方法①・②いずれでも同じ結果が得られますのでお好みの方法で。
実施はご自分の判断・責任でお願いします。

 

* 2018-7/26 追記
上記まででほぼ全大文字を回避できていましたが、しぶとく一箇所だけ残っていました。。。 (今日、気付いた)
それは、、

フロントページセクション(固定ページ)のページタイトル

∴ 次のコードを足して全大文字を回避しました。

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
text-transform: none;
}

各種 SNS アカウントでコメントできます