Clearision V2.7 – 简洁清新自适应单栏 WordPress 主题

这是一个 HTML5 的 WordPress 自适应单栏灰色素雅/透明清新双风格主题，风格简洁清新阅读体验良好，适合注重文字的个人博客。附带移动版响应式页面，支持中英文。感谢 @Losses Don 螺丝关于阅读体验的建议。

Clearision V2 灰色素雅风格

Clearision V2.5 透明清新风格

V2.7 主要更新内容：

新增引语和状态文章格式支持
新增香港、台湾繁体语言包
修正样式和更新上的已知问题

欢迎在此页提出相关问题和建议！

功能特点

自适应宽屏和响应式移动版
透明清新风格和自定义背景
LOGO 和友情链接
社交链接图标，快捷入口和伸缩搜索栏
增强的可选访客 UA 展示
部分功能的后台开关
萌/中/英语言支持
HTML5 语义标签和 CSS3 特效，兼容到 IE8 及以上

主题演示

获取主题

百度网盘 (V2.5 正式版)
Github (V2.5 正式版)
测试版更新源 (随时更新最新测试版本，可能不稳定)

使用说明

直接在后台主题安装上传 Zip 文件即可使用，也可以手动解压至 wp-content/theme 目录
中文语言包使用了普通的语言风格，如果想使用类似本博客的吐槽风格，请删除或重命名主题目录下的 lang/zh_CN.mo
<pre> 为多行代码， <code> 为行内代码
正式版功能更加稳定，希望使用最新版可以下载正式版后在后台更新到最新测试版或者从测试版更新源下载
文章点击数会在安装 wp-postview 插件后自动显示
如果自动更新中包括了中文语言包的更新可能导致语言包被恢复
若有任何问题或希望什么新特性请在此页面回复，会尽力帮忙
推荐使用 WordPress 子主题进行修改，这样还可以继续享受更新，详细可搜索相关教程
未内置 SEO 等与主题无关功能，请善用插件，谢谢。没有预留广告位 …… 谢谢。
READ MORE 是 WordPress 内置功能，可在编辑器上方插入
无法开启透明清新风格可尝试将 header.php 第 10 行的 <?=get_template_directory_uri(); ?> 改为 <?php echo get_template_directory_uri(); ?>
可自行加入透明清新版多说评论主题 https://github.com/dimpurr/ClearisionX/blob/master/duoshuo.style.css

更新历史

V0.1 自用版本
V0.2 移动端响应式和自适应
V0.3 后台设置完成
V0.4 友情链接和修复
V0.5 语言包支持和英化
V1.0 正式版发布
V1.1 评论表单增强
V1.2 内置访客UA显示
V1.3 移动端、文章和图片优化
V1.4 功能修复和代码完善
V1.5 自动检测更新
V1.6 评论增强和尾部修复
V1.7 控制台修复和文章标签区修改
V1.8 增加社交图标和后台按钮
V1.9 社交图标自适应
V1.10 文章作者显示
V1.11 RSS 检测支持
V1.12 文章输出分离
V1.13 小工具样式适配完成
V1.14 代码点击可编辑
V1.15 后台状态判断和增强
V2.0 截图和语言更新
V2.1 UA插件更新
V2.2 TrackBack 支持和修复
V2.3 代码块、选中等细节样式更新
V2.4 留言板页面模版
V2.5 全新透明清新样式
V2.6 引语、状态文章格式支持和繁体语言包
V2.7 响应式、版本检查修正和部分更新

截图预览

Clearision 首屏

Clearision 底部友情链接小工具

Clearision 评论 UA 操作回复表单（管理员/访客效果叠加）

Clearision 响应式移动版

涼月かえで说道：

2013/10/01 21:28

很赞的主题

回复
Aivier说道：

2013/10/03 17:23

我只能说这个主题并不适合我…

回复
1. Dimpurr说道：
  
  2013/10/04 22:54
  
  有空了我再多写几个就会有适合的了 ← ←
  
  回复
  1. Aivier说道：
    
    2013/10/05 12:18
    
    digest.aiir.in 我喜欢这种样子的主题…如果你有空写一个类似的我会爱死你的~
    
    回复
    1. Dimpurr说道：
      
      2013/10/05 17:57
      
      看起来挺不错的说，有空仿下好了。 ~~那么，我什么时候会有空呢？~~
      
      回复
      1. Aivier说道：
        
        2013/10/05 17:59
        
        哈哈，爱死你了 ;-)
        
        回复
私の日常说道：

2013/10/05 12:26

移动版响应式页面大赞，我喜欢。

回复
1. Dimpurr说道：
  
  2013/10/05 18:22
  
  我也觉得这个效果出乎意料的不错呢……谢谢w
  
  回复
JohnTitor说道：

2013/10/28 17:43

o(≧v≦)o~~好棒拖走啦~

回复
1. Dimpurr说道：
  
  2013/10/28 18:57
  
  嗯嗯有什么问题尽管找我就是我会尽快改滴~
  
  回复
千寻说道：

2013/10/31 22:31

给菊苣跪了_(:3 」∠ )_

回复
逗婦乳说道：

2013/11/02 21:34

zh_CM.mo

回复
1. Dimpurr说道：
  
  2013/11/02 23:21
  
  唔手抖了 …… 已修改谢谢提醒的个说~
  
  回复
Food-oriented说道：

2013/11/05 14:10

Nice template!

回复
1. Dimpurr说道：
  
  2013/11/05 17:56
  
  Thanks a lot.
  
  回复
微历史说道：

2013/11/05 17:37

很清新的blog模板

回复
比木说道：

2013/11/17 22:12

嘿嘿、收下了 3Q

回复
netyang说道：

2013/11/23 00:07

为什么我的友情链接开了也看不到呢
所有的链接的可见性都开了额= =

回复
netyang说道：

2013/11/23 00:08

还有就是怎么搞出你的网站的右上角的那么多的图标呢？

回复
1. Dimpurr说道：
  
  2013/11/23 13:51
  
  唔 …… 刚才去你的博客看了看，社交图标和友链好像都正常显示了，应该是没问题了吧？顺便谢谢支持～
  
  回复
  1. netyang说道：
    
    2013/11/23 17:36
    
    嗯嗯是的后来自己搞好了我自己把CSS的行距和字体大小什么的也都改了些改的比较适合自己吧哈哈~ 谢谢你啦~~
    
    回复
ih说道：

2013/11/27 19:55

主题不错，清新简洁。不过左下角的WordPress打错了。

回复
1. Dimpurr说道：
  
  2013/11/28 11:28
  
  谢谢提醒，目测是上次更新的时候手抖了 ……
  
  回复
馒头饭MADfan说道：

2013/11/29 17:32

非常清爽的主题~

回复
Thiece说道：

2013/11/30 16:34

伸手

回复
xloger说道：

2013/11/30 18:29

楼上的楼上的楼上的楼上的楼上的楼上的楼上的浏览器是啥？

回复
1. Dimpurr说道：
  
  2013/11/30 21:48
  
  谁知道你这是在说哪个啊 …… 如果说 Lynx 2 的话，我也不知道 ……
  
  回复
  1. xloger说道：
    
    2013/11/30 22:08
    
    那个微历史的myIE2
    
    回复
    1. Dimpurr说道：
      
      2013/12/01 10:47
      
      遨游的早期产品，好像说是第一款多标签浏览器还是啥，总之当时挺厉害的
      
      回复
      1. xloger说道：
        
        2013/12/01 12:01
        
        第一款多标签浏览器？我不信会是一个国产发明的……
        
        回复
  2. 颤栗的昭华君说道：
    
    2013/12/15 13:57
    
    那个Lynx是命令行下的浏览器哦。。。
    
    回复
    1. Dimpurr说道：
      
      2013/12/15 17:46
      
      嗯嗯，上次谈到 UA 就又去查了下，官网最后更新 2010-1-21 真是恐怖 …… 表示以前就知道一个 W3M
      …… 不对等等有点奇怪！那位是如何在命令行下看出「模版不错」的！…… Orz
      
      回复
Kunr说道：

2013/12/01 17:30

友链名称改一下 G’s Blog -> Kunr’s Blog

回复
1. Dimpurr说道：
  
  2013/12/01 20:31
  
  嗯，好了~
  
  回复
  1. xloger说道：
    
    2013/12/05 14:31
    
    ←，←一直以为你的是即时获取自动更新的….
    
    回复
    1. Dimpurr说道：
      
      2013/12/06 17:35
      
      我怎么可能有时间写这种麻烦又需求低的功能啊 …… 而且你也不是不知道我JS废
      
      回复
恋上苹果说道：

2013/12/02 09:27

我感觉挺好的，简洁流畅。适合写点个人的小生活之类的。

回复
恋上苹果说道：

2013/12/02 09:56

反馈一个问题，WORDPRESS 3.7.1后台提示主题更新，提示正在使用的版本是2.0，可升级到2.1。但是更新之后，提示依旧。手动上传2.1依旧提示

回复
1. Dimpurr说道：
  
  2013/12/02 17:52
  
  非常感谢！是因为版本号设置错误导致的问题，已经修复。
  
  回复
Garland说道：

2013/12/02 13:22

这个真的很赞！！！

回复
S-kias说道：

2013/12/04 22:04

好主题~

回复
颤栗的昭华君说道：

2013/12/15 17:50

会不会是他改动了其他浏览器的UA呢？

回复
1. Dimpurr说道：
  
  2013/12/15 18:54
  
  确实有这种可能 …… 好吧真是恶趣味www
  
  回复
逗妇乳说道：

2013/12/16 11:17

钉子能不能考虑正在用ie6的啊

回复
1. Dimpurr说道：
  
  2013/12/16 17:53
  
  果然还是有这样的需求么 …… 好吧，下次找时间再修下好了
  
  回复
QAQ说道：

2013/12/19 11:44

WordPress 3.8，启用主题之后网页标题栏永远是网址，顺便提示有2.3更新，但更新之后还是提示有更新。。。
好好看好好看好好看的主题用不了好桑心，是我的版本太高了吗。。。

回复
1. Dimpurr说道：
  
  2013/12/20 08:05
  
  可能是服务器权限问题？ 0 0 看看主题目录 PHP 有没有属主权限或者试试给 777 …… 还不行的话请再回复
  
  对 WordPress 3.8 的兼容是木有问题的 …… （某升级控表示不升级怎么能忍
  
  回复
广岛秋泽说道：

2013/12/20 10:53

打算新建一个页面做留言用，可是在页面模板哪里没有看到留言的模板…不知可否多做一个页面模板~狠喜欢你做的这款主题~
可能是wordpress 3.8新界面的问题，我木有看到吧~

回复
1. Dimpurr说道：
  
  2013/12/20 15:06
  
  0 0 唔，实际上确实页面只有一个默认模版…… 我这里就是用一个普通页面作为留言板
  
  表示有点没太听懂的个说，是说默认页面模板显示不出评论，还是说希望增加一个专门的留言板模板呢。如果是增加，那大概要是怎样的呢 0 0
  
  回复
  1. 广岛秋泽说道：
    
    2013/12/20 15:10
    
    就是新建页面不是可以选择页面模板吗，希望可以做一个留言的模板这样新建页面直接选择留言模板那这个页面就可以做留言板了！再还有很喜欢你的个人主页，可以分享一下源码不~
    
    回复
    1. Dimpurr说道：
      
      2013/12/20 15:27
      
      嗯嗯，大概明白了，就是说没有页面标题什么的直接是评论对吧～这周末就去做ww
      
      个人页的话代码很简单，把 index.php style.css script.js 扒下来改成自己需要的就可以了，原来因为是个人页没有公开，不过如果真的还有人需要就公布好了 ……
      
      另外 SpaceFissure 同学（虽然未经允许www）修改的 js 脚本相对钉子的来说改了按钮逻辑和 Hitokoto 刷新也可以参考一下～
      
      回复
      1. 廣島秋澤说道：
        
        2013/12/20 23:58
        
        经过钉子的提示,个人页已经扒成功了.但是有2个问题:
        1、刷新页面后介绍和链接点第一下不会打开要点第二下才会打开
        2、我在style.css里面修改了background的链接和地址但是还是不能在个人页显示背景~
        谢谢了钉子了~一天问你这么多问题人家都不好意思了- –
        
        回复
    2. Dimpurr说道：
      
      2013/12/21 00:08
      
      嗯 …… 第一个是按钮判断逻辑的问题因为当时钉子写的时候刚学 JS 写的很渣所以大概可以用 SpaceFissure 同学的 script.js 解决
      
      至于第二个 …… 看了下现在钉子的背景因为防止请求失败在 body 写了俩 background ，可能说被另一个覆盖掉了，保留一个就可以了嗯 ……
      
      嘛如果还不行的话就给钉子链接看一下或者QQ什么的私戳吧 0 0 总之很欢迎嗯~！
      
      回复
      1. 廣島秋澤说道：
        
        2013/12/21 00:12
        
        辛苦釘子了,這麼晚了還在綫~
        
        回复
        
        Dimpurr说道：
        
        2013/12/21 14:19
        
        嘛 …… V3.4 的更新包括了自定义 Icon 和留言板模版了，可以去后台更新~ 留言板页面的话，实际上就是删掉了标题和导航而已 …… 还有什么问题请回复w
        
        回复
Dimpurr说道：

2013/12/23 01:50

话说好像博客丢了几条评论，倒是邮件收到了 …… 汝的问题解决了么？如果还不行可以 QQ 私戳 ……

回复
颤栗的昭华君说道：

2013/12/23 20:16

求教，为什么不管更新多少次仍还会提示有版本2.3可用啊？
另外的问题是，貌似应用主题后博客的标题会显示成域名而不是WP后台设定的内容。

回复
1. Dimpurr说道：
  
  2013/12/23 21:12
  
  请问后台是否正确显示版本号？还是说「您正在使用的版本是。」……？试试看升级 V1.4.1 能否解决
  
  显示域名是服务器方面配置问题导致 WordPress 默认输出不正确，已经修改了函数。这次更新順便把 Beta 君反馈的选中高亮颜色也换了。
  
  回复
颤栗的昭华君说道：

2013/12/23 21:23

安装v2.4.1后博客标题的问题看起来已经解决了，不过还是会提示有更新可用。有没有可能style.css里的版本号和更新源上的版本号不一样啊？

回复
1. Dimpurr说道：
  
  2013/12/24 00:49
  
  猜测是这样的，但是这次的版本号检查过毫无疑问是对的。以前自己也有这个问题，服务器搬迁之后就正常了，推测是主机配置问题禁用了某些PHP函数导致更新脚本无法正确获取当前函数？
  
  我尽量试试有没有其它的解决办法，表示同为更新强迫症这样还是很难受的 ……
  
  回复
  1. QAQ说道：
    
    2013/12/24 01:15
    
    这是我空间探针，我和他【昭华君你是男的吧ORZ】的问题基本一样，博主可以对比下空间支持的函数。。。
    http://www.puteulanus.com/tz.php
    话说刷新了一下肿么感觉整个网页都变了。。。
    
    回复
QAQ说道：

2013/12/24 00:57

不好意思这两天一直在装新到的电脑【手残弄了个双路主板，现在已经折腾的想卖了ORZ】，没有及时过来看。掉的评论是我的吧。。。
我和楼上的情况一样，更新2.4.1之后标题的问题已经修复，更新提示依旧。。。不过不要紧了，更新神马的自己记下版本号就好，只要标题正常了使用就无压力了。感谢博主对主题的维护(>_<)。

回复
9yu说道：

2013/12/27 17:39

请问2.4.1版本在哪下载?

回复
1. Dimpurr说道：
  
  2013/12/27 17:44
  
  使用测试版更新源或者使用正式版然后在后台更新。
  
  回复
  1. 9yu说道：
    
    2013/12/27 18:55
    
    感谢~
    
    回复
9yu说道：

2013/12/28 00:15

主题是不是不能使用空格代码,使用后wordpress就直接乱了

回复
1. Dimpurr说道：
  
  2013/12/28 00:49
  
  空格代码是什么意思呢？
  
  回复
  1. 9yu说道：
    
    2013/12/28 15:13
    
    http://9yu.eu/wp-content/uploads/Snap1.png
    
    回复
    1. Dimpurr说道：
      
      2013/12/28 17:10
      
        么 …… 肯定可以啊，大概是汝敲错了吧？
      
      回复
      1. 9yu说道：
        
        2013/12/28 17:11
        
        0.0我再试试
        
        回复
Pingback： 2013年11月12月份最佳免费 WordPress 主题（国内精选） | 我爱水煮鱼
白天瑜说道：

2014/01/05 10:57

博主你好想问下怎么调整文章中图片的最大宽度好让图片大小适应页面？谢谢

回复
1. Dimpurr说道：
  
  2014/01/05 14:27
  
  我记得有加入图片自适应的功能，如果可以请给一下链接，我检查一下为什么没有生效。改变大小的话，去设置 > 媒体那儿把中的宽度改为 600 以下，以后插入图片尺寸都选择中就好了。
  
  回复
白天瑜说道：

2014/01/05 14:55

链接
http://www.lasaelsiel.com/blog/page/2
图片都用的是外链的

回复
1. Dimpurr说道：
  
  2014/01/05 16:26
  
  所以你们的图片用法真的是太千奇百怪了 …… 如果我强制缩放图片又怕影响到一些 SNS 分享插件的图标之类的东西。嘛，下次更新我会强制修复，在此之前你可以去 style.css 里搜索 .post_ctn .wp-caption img 这一段，将其改成 .post_ctn img
  
  回复
  1. 白天瑜说道：
    
    2014/01/05 17:59
    
    恩可以了谢谢
    
    回复
白天瑜说道：

2014/01/05 14:57

我之前都是用Image resize wizz这插件实现自动缩放
但这插件安了会奇卡无比

回复
白天瑜说道：

2014/01/06 15:50

博主好，提个建议，能否加个归档模板，类似WP-EasyArchives这样的效果
我现在是自己加的
http://blog.lasaelsiel.com/archives/

回复
牵住我的手说道：

2014/01/07 16:21

应该还可以。。

回复
梓非徐说道：

2014/01/12 14:26

非常赞的主题，现在正在使用，谢谢了~~
特别适合文字阅读，简洁干净，移动端效果超赞~

回复
猴子说道：

2014/01/18 18:04

functions.php
// 定义站点标题后面
229行添加：add_filter( ‘wp_title’, ‘tt_wp_title’, 10, 2 );

回复
1. Dimpurr说道：
  
  2014/01/20 15:06
  
  诶？有这么一行了 add_filter( 'wp_title', 'clrs_title', 10, 2 );
  
  回复
  1. 猴子说道：
    
    2014/01/21 11:53
    
    Github和百度网盘的包里没有。
    
    回复
yoooo说道：

2014/01/22 21:52

图片太大貌似就错位了，不能自适应？
见截图http://ww2.sinaimg.cn/large/e414d3e9jw1ecsnbewtndj215b0p0naq.jpg

回复
1. yoooo说道：
  
  2014/01/22 21:53
  
  发错了。。。。。http://ww3.sinaimg.cn/large/e57da4e9jw1ecsnnfzvnbj218g0nz0yk.jpg
  
  回复
  1. Dimpurr说道：
    
    2014/01/29 23:39
    
    不好意思现在才看到不过访问不能了 …… 可以直接用 img 标签插入好像
    
    回复
dordor说道：

2014/01/23 11:07

请教啊，为什么插图不成功啊，我很喜欢这个主题，就是图片老是放不进去

回复
1. Dimpurr说道：
  
  2014/01/23 14:20
  
  这是什么意思呢？使用编辑器默认的添加媒体就可以正常的添加啊
  
  回复
袅残烟说道：

2014/02/08 15:14

做几个typecho的可以不啊…
最近更新了..
之前套用的主题特效没了..

回复
1. Dimpurr说道：
  
  2014/02/08 23:24
  
  现在暂时忙不过来 …… 过段时间会移植/出几个 Typecho 原生主题的～
  
  回复
小二苘说道：

2014/02/19 09:08

很简洁明亮的主题，赞一个

回复
Fox-jimmy说道：

2014/02/28 08:51

不错的主题,顶顶~~~

回复
幻想夏鄕说道：

2014/03/21 08:55

French Kiss! (*￣(￣　*)收下了

回复
Kunr说道：

2014/03/21 20:43

其实窝可以帮忙/w\

话说现在这个主题里textarea 是默认字体。。。

回复
1. Dimpurr说道：
  
  2014/03/21 20:47
  
  madoro 的评论框用的 Consolas 么 …… 其实我觉得挺配的就没手动更改了的个说~
  
  回复
Andrew说道：

2014/04/10 23:00

透明度挺漂亮

回复
Kaxrd说道：

2014/04/11 18:06

自動更新去哪了QWQ

回复
啸傲居士说道：

2014/04/12 17:20

主题蛮不错的。

回复
Zizhan说道：

2014/04/12 20:31

楼主这个透明的效果是怎么做出来的，太漂亮了，我特别喜欢。

回复
黑炭说道：

2014/04/12 22:09

为寻主题来到此地，逛了逛发现好惭愧啊(/ω＼)
同为初三党怎么差别就这么大呢

回复