今回の Twenty fourteen カスタマイズは2つ。
子テーマの style.css に書き加えればOKです。
アルファベットが勝手に大文字になるのを止める
これ、他のテーマでも良くありますよね。
1 |
text-transform: uppercase; |
が原因なんです。
Twenty Fourteen では、子テーマの style.css の最後に下記コードを加えちゃいましょー
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
/* 大文字にしているところの指定をなしにする */ 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; } } |
→ twentyfourteen全ての大文字変換を無効にする
左寄り → 中央寄せ に変更
これに関しては完全に個人の「好み」ですね。
下記コードを style.css へ追加です。
1 2 3 4 5 |
/* 中央寄せ */ .site { margin-left: auto; margin-right: auto; } |