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

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

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

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

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

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

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

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

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

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

“如何设置让WordPress Twenty Fourteen 页面宽度占满页面”的32个回复

  1. 朋友你好,请你知道Twenty Fourteen 模板 手机端全局页宽占满屏幕占满修改吗?还请指教,不胜感激,谢谢!

    1. 我记得手机上应该是站满的。可否截图说明。另外,对于CSS修改,其实,我也不是很专业。可能解决不了你的问题,其他朋友知道的,希望能不吝赐教。

  2. 挺有意思的主题,我个人还比较喜欢它的配色。不过最左边的黑色边栏加载好像有点慢。
    时隔一年,我的网站重新开张啦,欢迎参观^w^

    1. 真是。不像你们一样,往往小调整。这次来了一个大的。很多朋友都表达了对这个主题的不满。不过,我还是坚持了。哈哈

    1. 看来这个新主题不是很讨人喜欢。

      以前的那个主题很传统,不过也有N个地方不让我满意,用了一年多了,所以还是想换换。

    1. 以前在另外一个博客上用这个主题的时候,也有朋友跟我这么说过。三栏,尤其是左右各有边栏的主题就容易让人有这种感觉?

      1. 是的,这个主题有种说不上来的feel。个人感觉这个主题适合有大量图片,少量文字的博客。

        1. 我的博客还是图片比较多,也希望通过图片给人一种图文并茂的感觉。虽不能至,心向往之。
          虽然很多朋友表达了对这个主题的各种意见,我自己个人还是蛮喜欢的。这个主题的特点就是属于那种“杂志”型的——我所向往的类型。

发表评论

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.