【コンテンツ部分の横幅を拡げる】
Arthemiaを使っていたときは、大きな画像の横幅を500pxに設定していた。TwentyFourteenではコンテンツ部分の横幅が474pxなので、この画像が収まらない。自動で縮小してくれるのだが画像がにじんだかんじになるので、対応するためにコンテンツ部分の横幅を拡げることにする。
既存のCSSに追記ではなく、変更するので、子テーマのStyle.cssではなく、Twenty Fourteenのstyle.cssを書き直す。
(メインのコンテンツ部分)
[php]
* 6.0 Content
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
margin: 0 auto;
max-width: 474px;
}
[/php]
max-width: 474px; → 510px
(コメント部分)
[php]
* 6.14 Comments
.comments-area {
margin: 48px auto;
max-width: 474px;
padding: 0 10px;
}
[/php]
max-width: 474px; → 510px
(前の投稿、次の投稿の部分)
[php] * 6.7 Post/Image/Paging Navigation
.post-navigation,
.image-navigation {
margin: 24px auto 48px;
max-width: 474px;
padding: 0 10px;
}
[/php]
max-width: 474px; → 510px