如何设置让WordPress Twenty Fourteen 页面宽度占满页面

使用WordPress 2014官方主题:Twenty Fourteen 的朋友常有一个疑惑,为什么在右侧会有一部分留白?

我个人的理解是设计师有一个自己坚持的页面各个分栏的最佳比例,所以采用的右侧留白的方式。

不过还是有很多的用户对此总感觉很别扭,所以希望Twenty Fourteen 主题的宽度占满页面——各有各的强迫症。

在网上看到了Satxt所提供的解决方案:修改CSS。

在Twenty Fourteen主题样式表文件 (style.css)中添加下边代码,粘贴到最后就可以了:

/**
* 以下内容设置让页面占满100%
* —————————————————————————–
*/
.site,
.site-header {
max-width: 100%;
}

这个方法比较简单,我也尝试了一下。效果还是比较理想的。

你可以通过鼠标拖动网页浏览器的侧边,看看不同的宽度下页面所发生的变化,还是蛮有意思的。分栏宽度的变化,显示分栏数量的变化……