WordPress页面文章宽度调整

WordPress页面文章宽度调整

适用于Twenty Seventeen主题。

WordPress主题缺省的文章宽度较窄,可以通过额外的CSS页面设置进行调整。

在主题设置菜单里面选择自定义主题,然后在左侧选择“额外CSS”菜单,在CSS文本框里面输入如下CSS代码可调整文章的宽度。

.wrap {
	max-width: 100%;
}
 
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 95%;
	}
}
 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 100%;
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 100%;
	}
}

适用于Twenty Seventeen主题。 WordPress主题缺省的文章宽度较窄,可以通过额外的CSS页 […]