新版响应式主题上线

2014年6月27日 08:05:20知更鸟

知更鸟

站长

关注

2452
文章

0
粉丝

WordPress1327,457阅读模式

经过断断续续的折腾，新版响应式主题终于浮出水面，测试上线！

目前新版主题只是一个框架，功能比较简单，也未对外观布局进行深度美化，只集成了seo、面包屑导航、ajax评论、自动缩略图、前台登录等功能，更多功能会陆续添加。主题采用CSS3响应式设计，适合各种移动设备浏览，兼容IE6、IE7、IE8、IE9、IE10、IE11、Firefox、Chrome、Opera、Safari等主流浏览器。新版主题暂时命名为 ality。尽量简化代码，采用Wordpress标准函数，比如前台JS和样式文件，都在functions集中调用。

新版主题为了兼容老版的IE浏览器，并未过多使用比较先进HTML5技术，响应式布局去兼容IE6，真的有点蛋疼！目前能看见的大部分响应式主题都不兼容IE6，甚至绝大部分也不兼容IE8浏览。以国内的环境，IE6用户可以排除，但不兼容IE8浏览器，个人认为主题模板就没有多大使用价值了。

目前的主题只是一个基础版，正常宽度为1080px，当屏幕或者浏览器窗口小于900px时会启动响应式样式，隐藏侧边栏及主题导航菜单，保留顶部固定的导航菜单并显示左侧滑出的分类菜单按钮(移动设备可见)，主题还需众多的优化改进，消除BUG，等稳定后，会免费分享发布。

大家会问新主题是否会兼容HotNews主题的功能，答案是肯定的。HotNews主题许多功能会经过优化后添加到新版主题中，比如新版的评论继续保留HotNews主题优美的楼层嵌套，但代码是全新的，并非简单地把HotNews主题代码复制过来。

另外，HotNews主题近期也将更新，主要是修正视频模板对大部分视频站点视频的兼容性，并进行代码优化。

本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！

我的微信

微信号已复制

本站原创文章转载请注明文章出处及链接，谢谢合作！

获取本主题

598845006

咨询主题请加Q：598845006

多功能主题 Begin

本文由 知更鸟 发表于2014年6月27日 08:05:20
转载请注明：https://zmingcx.com/the-new-reactive-theme-online.html | 知更鸟

WordPress
闲言碎语

598845006

咨询主题请加Q：598845006

多功能主题 Begin

评论 132 访客 107 作者 15

知更鸟
2014年6月27日 08:13:10 1F

测试
- Tim 2
  2014年6月27日 11:56:55 B1
  
  @ 知更鸟经测试发现一个小BUG，当用户缩小浏览器窗口宽度点击菜单侧边栏按钮，然后再点最大化，左边的侧边栏就无法关闭了，页面也不居中；响应式主题还有待完善！希望能够支持IE7
  - 知更鸟
    2014年7月5日 07:45:12 B2
    
    @ Tim 移动设备浏览器应该是不能缩小窗口的
    另外这个按钮正常在PC上是看不见的
    - Tim 2
      2014年7月5日 11:44:49 B3
      
      @ 知更鸟恩~现在好了！上次我是在win7用火狐firefox看的~
- Win7en乐园 8
  2014年6月27日 12:39:14 B1
  
  @ 知更鸟我也测试一下，目前来说已经很不错了，不过对于拿来做新闻系统的话，还是显得有点不太好。
- Win7en乐园 8
  2014年6月27日 12:39:34 B1
  
  @ 知更鸟这个名字起的好
- 淘气 0
  2014年6月27日 18:30:32 B1
  
  @ 知更鸟叫知更鸟2号可好？
热血洒红尘 1
2014年6月27日 09:58:10 2F

就是博主现在用的这款么
宽容的霸沙王 0
2014年6月27日 10:05:22 3F

博主你好，知更鸟主题的下载链接出错了。老版本提示停止下载，进入新版本页面，FILE没有超链接。你看下吧http://zmingcx.com/wordpress-theme-hotnewspro.html/comment-page-9#comments
[file] 下载 11,847 次, 于2014年6月5日更新
下载主题应该是这个部分，如果是在别的地方请把主题下载链接公布一下。谢谢
Tim 2
2014年6月27日 10:31:29 4F

响应时主题是目前比较流行的~关注很久了！支持~
Win7en乐园 8
2014年6月27日 11:59:32 5F

鸟哥，我爱你！！！好漂亮！！！！！！！我花了200块钱买的大前端D8，现在都不更新了。还没有鸟哥免费的更新及时啊！！！鸟哥，求搞基
- 小孙 2
  2014年6月27日 12:08:31 B1
  
  @ Win7en乐园啊~啊~啊~啊~啊~啊~啊~啊~
  - 行与知 1
    2014年6月30日 13:26:52 B2
    
    @ 小孙啊啊啊啊啊啊啊
IT技术无忧网 1
2014年6月27日 12:18:04 6F

恩，不错啊，来学习的~~~
Win7en乐园 8
2014年6月27日 12:36:31 7F

鸟哥，我爱你！！
两天 6
2014年6月27日 12:39:14 8F

坐等hotnews更新。。。。
第九部落 1
2014年6月27日 16:58:43 9F

鸟哥，还是你的主体好看简洁，希望新主题尽快分享！！！1
it头条 1
2014年6月27日 16:59:56 10F

关注这个主题很久了，
忽闻有新主题了。
支持支持。
知更鸟大侠 3
2014年6月27日 17:14:19 11F

老大出一个收费版本吧你有没有建一个QQ群啊方便兄弟们支持你
营销资源网 3
2014年6月27日 18:46:15 12F

鸟哥，新的主题看起来简洁，朴实，没有原来的主题花哨，有一种返璞归真的感觉，有点迫不及待想使用新版了……
JV 3
2014年6月27日 18:55:22 13F

响应式菜单很酷。
旅行者 0
2014年6月27日 19:05:07 14F

简单的主题，很好
张戈博客 3
2014年6月27日 19:32:07 15F

众望所归，喜大普奔。期待正式版发布。
影子 0
2014年6月27日 23:15:05 16F

支持鸟哥，感谢分享，期待正式版发布。也建议鸟哥搞个自愿付费吧，有钱的出点钱，没钱的来捧个人场，也挺好，这样最起码是对鸟哥的付出和成果的支持！
- 豌豆坚 4
  2014年6月28日 13:08:50 B1
  
  @ 影子后台有的
老虎 6
2014年6月27日 23:49:01 17F

终于更新了。做得很好，建议继续优化（尤其是CMS界面）……
子穹 2
2014年6月28日 03:13:52 18F

支持！
求索阁 5
2014年6月28日 05:12:46 19F

特来支持！
Louis Han 6
2014年6月28日 09:29:58 20F

看起来舒服多了啊
kpopcomedy 6
2014年6月28日 10:20:56 21F

支持鸟哥，加油啊
musk100 4
2014年6月28日 12:42:31 22F

支持鸟哥期待正式版
豌豆坚 4
2014年6月28日 13:07:53 23F

会做扁平化嘛？
美设之家 1
2014年6月28日 16:25:23 24F

美设之家从建站开始一直支持鸟哥主题
WordPress主题先生 4
2014年6月28日 21:14:26 25F

热烈祝贺鸟哥新版主题上线！
牛德雷 2
2014年6月28日 21:18:54 26F

热烈祝贺鸟哥新版主题上线！
lufan 6
2014年6月28日 21:34:10 27F

鸟哥，能不能集成HTML5视频播放功能。
- 知更鸟
  2014年6月30日 20:23:48 B1
  
  @ lufan 可以考虑，不过技术不会偶
别尘 2
2014年6月29日 14:52:23 28F

蓝条导航栏有点突兀。。。。。建议直接去掉，整体更协调一些
安也宓宓 4
2014年6月29日 15:23:05 29F

我还以为是我的打开方式不对呢，哈哈
倚天雪 4
2014年6月29日 17:38:06 30F

cool
意境图片 2
2014年6月29日 21:56:59 31F

期待正式版。。。。占位中
电脑天空 5
2014年6月29日 22:27:41 32F

感觉这个主题比HotNewsPro加载要快点哦，呵呵呵~~
- 知更鸟
  2014年6月30日 20:22:34 B1
  
  @ 电脑天空啥功能也没有，加载的内容少，当然快了
广闻铺 0
2014年6月30日 00:21:32 33F

严重支持！正式版大概什么时候出呢
骤雨打新荷 3
2014年6月30日 10:46:50 34F

非常喜欢的风格，支持知更鸟的响应式主题
行与知 1
2014年6月30日 13:26:32 35F

支持鸟哥一次，一直在用鸟哥主题，希望优化。现在都是扁平化设计理念！！
眼幕微启 5
2014年6月30日 14:03:30 36F

呵呵，等了好久终于出来了，期待正式版
二手鋼琴網 4
2014年6月30日 14:53:27 37F

一直在關注哦！終於有出新主題了。期待中
淘米哥聚好米 0
2014年6月30日 16:11:13 38F

非常不错的呀支持了哟
电脑天空 5
2014年6月30日 17:36:27 39F

鸟哥貌似后台的捐助功能不能使用了。
- 知更鸟
  2014年6月30日 20:21:18 B1
  
  @ 电脑天空目前的最新版本已修改
  准备捐助？哈哈
  - 电脑天空 5
    2014年7月1日 00:05:23 B2
    
    @ 知更鸟是的，已经用了快3年了，非常优秀的主题，不捐助都不好意思啊，呵呵~~感谢鸟哥。
我爱上QQ 6
2014年6月30日 20:25:54 40F

HotNews主题或多或少影响了部分Wordpress站长们对于主题的价值观~
重量 0
2014年6月30日 22:48:40 41F

支持一下非常强大
凌凌小站 1
2014年7月1日 09:42:37 42F

鸟哥 V5
messages 1
2014年7月2日 20:16:48 43F

一直关注更新，期待中….
七零八落 4
2014年7月3日 04:14:11 44F

嘿嘿！发现知更鸟又要改版了哦！！
- 知更鸟
  2014年7月4日 12:00:26 B1
  
  @ 七零八落不弄个响应主题，显示得俺太落伍了，呵呵
键盘 1
2014年7月4日 11:39:39 45F

有没有wordpress高级开发教程，我加入了wp百科网，只有基础教程，网上太杂太乱了，时间就是金钱，有没有高级教程！或者高级插件开发教程！我可以出钱购买！时间就是金钱！
- 知更鸟
  2014年7月4日 11:56:59 B1
  
  @ 键盘所谓的高级开发教程就是官网Codex：http://codex.wordpress.org/
  再配合DIV+CSS+HTML
  想速成？答案是没有
  你在网上找到的杂乱“基础教程”那才是真正的高级开发
  - 键盘 1
    2014年7月4日 12:35:09 B2
    
    @ 知更鸟谢谢
黑色网魂 3
2014年7月5日 12:14:23 46F

坐等鸟哥更新HotNews
lufan 6
2014年7月6日 10:12:20 47F

非常期待新版主题在视频播放方面有突破，实现无广告视频。
- lufan 6
  2014年7月6日 10:18:28 B1
  
  @ lufan 如能支持云盘或网盘播放就太好了！
aunsen 5
2014年7月6日 13:12:23 48F

鸟哥终于随了大潮！其实可以出两个版本一个基础班一个pro版
Leo 3
2014年7月7日 11:42:34 49F

很久不来你这里了提一下建议：把HTML标准化，我发现你的主题同一个网页存在多个元素共用一个ID，严格来说，一个网页元素ID是唯一的；自动适应最好保留导航和LOGO，这是最起码的，不管是客户端，还是web端，导航和LOGO都很重要；引入JS，或者利用Wordpress的函数is_mobile，抑或利用百度的API判断设备类型达到移动设备上该简化的部分简化；判断移动设备接入网络的方式与网速，从而决定输出；如果可以，最好把触屏支持加上。
sunny 0
2014年7月7日 17:10:32 50F

鸟哥你好
我自己的博客也是用的您的模板,感谢你的无偿奉献
现在我们公司需要做一个企业站,想请您来设计调试.当然我们愿意付费
如果你有空可以接这个单子的话请回复我.
sunny
koujack 1
2014年7月8日 09:32:41 51F

感谢鸟哥无私奉献！
天子 1
2014年7月8日 18:09:09 52F

这个主题的下载地址什么时候放出呢
IT头条 1
2014年7月8日 22:38:57 53F

感谢站长的无私奉献。
香水控 3
2014年7月8日 23:25:08 54F

这么多实用的工具
地瓜 0
2014年7月10日 09:05:16 55F

先赞一个，一直用你的主题，期待这个新主题哦。
隱世的瘋子 1
2014年7月10日 13:53:21 56F

鳥叔！最愛你了！
小萝卜丁 1
2014年7月10日 16:23:59 57F

很简洁的风格。很是喜欢呢。
史占强 0
2014年7月10日 23:31:25 58F

已经用织梦搞出来了。。感谢知更鸟。
模板地址：http://www.zhanmocms.com/dedecms/4.html 免费下载
- 零度 1
  2014年7月11日 17:33:28 B1
  
  @ 史占强这里的大多用的wordpress吧，不过中国用dedecms好像不少。
零度 1
2014年7月11日 17:31:18 59F

非常喜欢鸟哥的作品，顶一个
XC 1
2014年7月11日 18:17:23 60F

我建议把http://zmingcx.com/category/wordpress中的category去掉，这样既有利于seo，也更美观。
望星湖畔 1
2014年7月12日 09:31:28 61F

期待HotNews主题更新！！
Pete 0
2014年7月12日 16:10:55 62F

不过还没有评论ajax翻页呢
呆瓜 0
2014年7月12日 17:42:30 63F

楼主辛苦了！@
老虎 6
2014年7月13日 22:39:07 64F

什么时候能把α版开放给大家下载测试？
- 知更鸟
  2014年7月14日 09:25:55 B1
  
  @ 老虎主题一直在修改，争取这周吧
  - 子穹 2
    2014年7月17日 05:48:30 B2
    
    @ 知更鸟哇，期待
  - 老虎 6
    2014年7月19日 20:17:56 B2
    
    @ 知更鸟等啊等……
老虎 6
2014年7月13日 22:42:39 65F

“当屏幕或者浏览器窗口小于900px时会启动响应式样式，隐藏侧边栏及主题导航菜单”
个人建议，隐藏主题导航无所谓（最好做成点选下拉式），但隐藏侧边栏就不妥当，不如放到最下面比较合适。
老虎 6
2014年7月13日 22:43:59 66F

以及pc浏览时应该设一个选项，能让人把侧边栏放到页底，同时宽度增为全屏模式
- 知更鸟
  2014年7月14日 09:24:35 B1
  
  @ 老虎显示侧边栏可以，加选项就免了
豆采BLOG,设计分享.www.csh7.cn 0
2014年7月14日 19:18:03 67F

知更鸟喜欢做VI了？
- 知更鸟
  2014年7月14日 20:22:37 B1
  
  @ 豆采BLOG,设计分享.www.csh7.cn 这些文章的缩略图只是为了装饰一下新主题而已
七支剑 5
2014年7月15日 13:38:04 68F

这个主题的确很清新响应式看来是大趋势
Kael 7
2014年7月16日 14:21:48 69F

这个主题不错，鸟哥等你发布，域名被人抢注了种种原因博客暂停了一年
羽飞博客 5
2014年7月16日 20:58:07 70F

请问，什么时候释放出下载地址呢？
老虎爱大米 2
2014年7月16日 21:57:45 71F

期待中……
lufan 6
2014年7月16日 22:17:41 72F

请问鸟哥，新浪视频现在已经不能上传视频文件了，哪个视频网站能完美支持你视频播放？
小建 3
2014年7月16日 23:55:31 73F

楼主，最近用了你的博客，文章中鼠标经过，图片图片半透明效果怎么设置的？谢谢。
- 知更鸟
  2014年7月17日 08:39:50 B1
  
  @ 小建不需设置，无效果禁用所有插件试试
wmtimes 7
2014年7月17日 10:10:24 74F

终于要出新作了。
爱游戏 3
2014年7月17日 10:42:46 75F

这个主题比以前hotnews更简洁更实用，真得很赞！期待作者的分享！
爱游戏 3
2014年7月17日 10:48:02 76F

建议在手机上面显示的结构还需要再调整，分类建议放在推荐文章下面。文章翻页数字下面显示热门文章这一个模块即可。太长了不太适合。
- 知更鸟
  2014年7月17日 12:33:32 B1
  
  @ 爱游戏翻页下面的是侧边小工具，不能单独为手机而优化，因为还有高清平板
- 紫辉 0
  2014年7月17日 14:25:19 B1
  
  @ 爱游戏请问有体验版可以下载了吗？求下载地址。
包子君 1
2014年7月17日 12:01:58 77F

建议把首页文章的链接在新标签页打开,感觉这样有助于UE,虽然按住Ctrl键也能实现,但毕竟还是有不少同志是不知这个快捷键的…还有那个导航栏可以像大部分网站那样往下移动时才自动变成浮动的,在顶部时是固定的,或者在移动时变成另一个想要显示的菜单
- 知更鸟
  2014年7月17日 12:41:45 B1
  
  @ 包子君这种浮动导航可以考虑，不过兼容性是个问题
  - 豌豆坚 4
    2014年7月24日 12:22:01 B2
    
    @ 知更鸟我觉得有些东西就应该被时代淘汰，如果好的效果在你的浏览器显示不出来，是使用者应该反思的问题，我是不是应该跟上时代的步伐，一味的迁就，就会拖慢发展的步伐，鸟哥是时候摒弃一些东西了。Windows的确改变了我们对PC的认识，但也养成了我们非常多但坏习惯，如果现在使用Mac和Windows的用户数对调，这个问题就真的不是问题了。
包子君 1
2014年7月17日 12:04:13 78F

知更鸟的LOGO和导航栏对齐觉得如何
小建 3
2014年7月17日 15:54:59 79F

我禁用了所有的插件，还是不行啊。现在有两个问题，一个是鼠标经过时，图片版透明，一个是水印无法自动加上，我换了两个水印插件都不行。我的博客：http://songjians.cn/
大肥羊 4
2014年7月18日 08:07:48 80F

手机版比电脑上要好看。
笑忘书 1
2014年7月18日 08:08:37 81F

很好
花卉网 4
2014年7月18日 08:39:58 82F

这个主题不错，比原来的要简洁，期待更新下载，准备换了，哈哈
芜湖第一户外 5
2014年7月18日 13:04:54 83F

什么时候开放下载啊！！
我的游行主题的博客正在期待中……
老虎爱大米 2
2014年7月20日 08:19:23 84F

鸟哥手机版打开菜单时会直接链接到文章页
凡网电影 0
2014年7月22日 14:54:39 85F

感谢鸟叔，主题很强大，期待主题更新！
asooe 3
2014年7月23日 10:17:21 86F

都不说什么时候发布，让粉丝们都按耐不住了
Kael 7
2014年7月24日 10:05:27 87F

鸟哥，主题啥时发布？
豌豆坚 4
2014年7月24日 12:32:28 88F

不可否认，很多第三方浏览器让IE继续在发光发热，我虽不体清楚鸟哥的粉丝大都是哪种人群，不过我想大部分的粉丝都是拥有自己独立博客的小站长吧，应该都知道IE现在存在的问题，为了兼容IE6、IE7、IE8放弃HTML5，为了让IE6支持响应式，花费大量精力，我觉得不值，不过也许鸟哥有统计每天访问量中浏览器的种类，也许的确IE 6 7 8占大多数，但这也刚好是一个很好但教育机会，很友好的提醒你的浏览器版本较低，并对浏览器做一个简单对科普，我觉得是很有益的一件事情。
- 知更鸟
  2014年7月24日 17:56:56 B1
  
  @ 豌豆坚很早就想放弃对低版本IE的支持，为了兼容性浪费了大量时间，不过国内IE8及以下还占居半壁江山
  度娘的统计：http://tongji.baidu.com/data/browser
  你能放弃得了？博客或者网站终归是准备给别人看的
  之所以大家还在用低版本IE，很大程度是网站制作人员长期妥协的结果，推动大家摒弃IE6俺也努力过，但我等一介草民影响不了别人的喜好，除非有朝一日，各大门户网站集体行动，那时IE6会瞬间消失…
  - 豌豆坚 4
    2014年7月25日 00:28:55 B2
    
    @ 知更鸟希望这一天快点到来吧
  - 老虎 6
    2014年7月26日 23:16:47 B2
    
    @ 知更鸟个人觉得豌豆说的对，处理办法很简单，直接弹出一个窗口说你该换浏览器了。也有现成的实现方式。
    另外看chrome的市场份额，在中国已经有26.7%了，可喜可贺。HTML5一定是未来趋势。
    - 老虎 6
      2014年7月26日 23:19:14 B3
      
      @ 老虎去年chrome同期才17%。前年甚至连8%都不到。按照这个趋势，鸟哥明年肯定又要设计新主题了。
    - 知更鸟
      2014年7月27日 08:33:31 B3
      
      @ 老虎对于制作WP主题，基本就是把HTML5新标签加到主题结构代码中，其它就没什么了…
咔吧哥 2
2014年7月26日 20:27:33 89F

什么时候可以下载啊？