コンテンツエリア幅を拡大する

メインコンテンツの幅が狭いので広げるための編集記事です。

子テーマのスタイルシートを編集する

管理画面の「外観」＞「テーマの編集」から　子テーマのスタイルシートを編集します。

3カラムのコンテンツ幅に関係する箇所を　474px から 630px　に指定します。

/******コンテントエリアの幅******/
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
margin: 0 auto;
max-width: 630px;
}

.post-navigation,
.image-navigation {
margin: 24px auto 48px;
max-width: 630px;
padding: 0 10px;
}

.archive-header,
.page-header {
margin: 24px auto;
max-width: 630px;
}

.contributor-info {
margin: 0 auto;
max-width: 630px;
}

.comments-area {
margin: 48px auto;
max-width: 630px;
padding: 0 10px;
}

.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
margin: 0 auto 48px;
max-width: 630px;
padding: 0 30px;
}