很久没上来写东西了,今天进后台更新WordPress和插件,发现近期很多搜索流量是搜索段落间距、行高、字间距等CSS样式进来的。反正也不是什么秘密,这里把自定义CSS代码分享一下吧,简单的说和我之前在一篇文章里总结的一样。对于微软雅黑字体,16px的字体大小和1.8em的行高是比较耐看的,段落间距要稍大于前者。字间距则看自己的审美,我在各种数值之间来回修改之后,觉得0.06em是比较符合我个人阅读习惯的。
另外,目前用的主题叫Editor,好像四年时间没更换了,作者已经停止更新了,我自己补充了一些汉化和PHP函数改写。如果你喜欢这个样式,直接到WordPress主题商店下载就好了,汉化不全的话,可以下一个PO编辑工具自己汉化然后替换。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 24px; } blockquote { font-family: "Microsoft YaHei","Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; margin: 1em 0 1em 3em; padding: 20px; background:#eee; border-radius:10px; } .entry-title { font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 32px; } .entry-content p { font-size: 16px; font-family: "Microsoft YaHei", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0.06em; line-height: 2.0em; margin-bottom: 1.8em;} .entry-content ul, ol { margin: 1em 0 1em 3em; padding: 20px; border-radius: 5px; font-size:14px; } |
很棒的文章 支持一下
博客很棒 支持一下 欢迎回访
谢谢分享,我就按照你的这个照搬到我的网站上了😁