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

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

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

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

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

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

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

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

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

本站全部文字内容使用知识共享署名-非商业性使用-相同方式共享授权。

期待你的持续关注: | RSS | QQ邮箱 | Feedly |

扫描二维码或在微信中搜索hishanglei

尚磊的博客的微信公众平台二维码

作者: Lei Shang

独学而无友,则孤陋而寡闻。

《如何设置让WordPress Twenty Fourteen 页面宽度占满页面》有28个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注