对 Twenty Fourteen 的一些修改
Twenty Fourteen 刚出来的时候，我只是点开看了一下——印象最深的整个页面右边有一块空白，比较奇怪——就关掉了，之后一直在研究自己制作 WordPress 主题。但是后来发现自己能力不足，于是决定先放一放，继续使用 WordPress 自带的主题，于是重新开始研究并尝试对 Twenty Fourteen 这个主题做一些修改。 建议大家通过 WordPress 的“子主题”功能来修改主题，这样做的好处是原来的主题如果有更新，可以毫不犹豫的去更新，而不用担心自己修改的内容丢失。有关“子主题”的使用方法，可以参考官方的说明文档，我以后也会特别写文章来讨论。 右侧空白 首先要解决的问题就是整个网站右侧的空白，在网上看到有人说这是因为 Twenty Fourteen 的 CSS 中设置了 .site 与 .site-header 属性 max-width: 1260px; 这即意味着网页最大只能显示1260px的宽度，这显然低于一些高分辨率屏幕的尺寸，修改的办法就是在 style.css 末尾添加下面的代码，覆盖掉原来的样式： .site, .site-header { max-width: 100%; } 内容宽度 Twenty Fourteen 中留给中间正文内容的宽度比较窄，主要原因是还要为右侧边栏留出空间，但像我这样不使用用侧边栏的博客，正文缩在页面中间看起来会很奇怪，可以尝试将其加宽，网上流传的做法是： .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content { max-width: 90%; // put the width you like here } 但实际使用时发现这样还不完善，页面标签会跑偏，下方的评论框没有变宽，于是我做了更进一步的修改： .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .site-content .navigation, ....