「Twenty Seventeen」大文字のタイトルを小文字に/wordpress

「Twenty Seventeen」を使用したサイトで、タイトルが大文字になっていた。。

この部分。

スタイルシートに「text-transform: uppercase;」が設定されている事が原因らしいが、いるかこれ?なんでこんな記述があるんだろうか?

これを解決するには、子テーマか、追加CSSに

[css]
.site-title {
text-transform: none;
}
[/css]

これを指定すれば完了。

ただしこれはあくまでもトップのサイトタイトルのみ。。

他にも、固定ページのタイトルも

ここは、
[css]
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
text-transform: none;
}
[/css]

となる。

「Twenty Seventeen」だけを見れば他にも

h5やentry-meta、entry-footerなど、全部で11か所ある。

必要に応じて修正しなければいけないらしい。

twenty seventeenを使った実際のサイトはこちら。

ああああ

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください