Twenty Fourteen 是WordPress 4的默认主题,(之前的默认主题我并不知道是什么。。。)。今天我第一次使用wordpress,默认主题挺不错的,但是有一些细节不是很好,于是查了点资料整理出了下面这个简单优化教程。
1、关于加载google字体导致访问极慢的问题。
安装插件当然是最简单的方法:搜索并安装Disable Google Fonts这款插件即可停用谷歌字体,这对于墙内的访客来说很重要啊。
2、屏幕右边多于的margin
这里主要就是CSS 中设置了 .site 与 .site-header 属性
max-width: 1260px;
这即意味着网页最大只能显示1260px的宽度,修改的办法就是在 style.css 最后添加下面的代码,覆盖掉原来的样式:
1 2 3 4 |
.site, .site-header { max-width: 100%; } |
3、每行显示的文字数太少
如果没有使用右边的侧边栏,那么中间文字的空间过窄,很不方便。可以通过下面的方法将文字显示的部分宽度拓展为整个屏幕。
将下面的代码添加到style.css的最后。
方案一:
1 2 3 4 5 6 7 8 |
.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 } (问题是页面标签会跑偏,下方的评论框没有变宽) |
方案二:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .site-content .navigation, .comments-area, .page-header, .page-content { max-width: 70%; // put the width you like here } .site-content header .entry-meta { max-width: 100%; } |
(以上两个方案都没有实现对编辑器的修改,编辑器里面仍是很短的一行)
4、关闭标题字母大写的特性
Twenty Fourteen 中默认标题和标签等全部英文字母大写,国人看起来大都很不习惯,可以把它们去掉:
方案一:将style.css文件中的这个属性注释掉或者修改为你想要的属性
1 2 3 4 5 6 7 8 9 10 11 12 13 |
.entry-title { font-size: 33px; font-weight: 300; line-height: 1.0909090909; margin-bottom: 12px; margin: 0 0 12px 0; /* text-transform: uppercase; */ } 可自定义的选项: text-transform:capitalize;/*首字母大写*/ text-transform:lowercase;/*全部小写*/ text-transform:uppercase;/*全部大写*/ |
4、安装代码插件
Crayon Syntax Highlighter 是一款优秀的代码高亮插件,有多种皮肤、字体可选,并可自定义字号、边距、行距等细节,还有功能强大的代码工具栏 —— 可快捷复制代码,后台编辑器TinyMCE中有专属按钮 —— 可方便插入代码,后台带详细设置,满足你的各种需求。
5、设置首页文章摘要信息
安装插件:WP-UTF8–Excerpt
参考资料:http://blog.iltc.io/article/wordpress/edit-twenty-fourteen.html