web製作

「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を使った実際のサイトはこちら。

ABOUT ME
moja
昭和47年生まれ。生まれた時からカープファン。 姫路生まれ姫路育ち。現在は相生市矢野町榊。 パソコン販売・修理・組立、出張サポート、ホームページ制作・WEBデザインなど。 奥さん1人と4男の父 真宗門徒
お問い合わせ

090-3990-0645

にほんブログ村 地域生活(街) 関西ブログ 姫路情報へにほんブログ村 子育てブログへにほんブログ村 野球ブログ 広島東洋カープへ

コメントを残す

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