スポンサーリンク
「Twenty Seventeen」を使用したサイトで、タイトルが大文字になっていた。。
![](https://i0.wp.com/moja.asia/wp-content/uploads/2018/11/ba2fa0ebb59156a422b6f879ad19799e.jpg?resize=700%2C419&ssl=1)
この部分。
スタイルシートに「text-transform: uppercase;」が設定されている事が原因らしいが、いるかこれ?なんでこんな記述があるんだろうか?
これを解決するには、子テーマか、追加CSSに
[css]
.site-title {
text-transform: none;
}
[/css]
これを指定すれば完了。
![](https://i0.wp.com/moja.asia/wp-content/uploads/2018/11/8944f25ed9e1c545b5840bf03d99d829.jpg?resize=700%2C409&ssl=1)
ただしこれはあくまでもトップのサイトタイトルのみ。。
他にも、固定ページのタイトルも
![](https://i0.wp.com/moja.asia/wp-content/uploads/2018/11/53ad33c3caad63bbb45a54242a3d30c6.jpg?resize=700%2C441&ssl=1)
ここは、
[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を使った実際のサイトはこちら。
スポンサーリンク
スポンサーリンク
090-3990-0645