远方的海
远方的海,WordPress,免费
2014 Sep 20 21 : 53

本站WordPress CMS自适应主题Wildfire升级记录

您当前的位置: 首页 > 个人笔记 > 正文
欢迎光临远方的海!您可能还对 WordPress建站免费资源最新IT动态 感兴趣,点击开启 悦读 模式。CTRL+D 快捷收藏本文,我们期待您再次光临!
[文章目录]

作为个人的建站笔记,本文总结对Wildfire主题的改版。

主题是自用主题,很多人找我要,现在上网的时间不是那么多,恕只提供给友情链接中需要的朋友们。(主题暂时没后台)

What’s New

用处决定设计,本主题以分享wordpress教程,IT资讯为主要目的,所以设计上以清新简洁,突出文章主题内容的为主。所以这款主题注定不是花花绿绿的淘宝热款,Sven也一直想在吸引眼球不失优雅多功能快速文章页摆设丰富突出文字主体的种种需求中找到一个平衡;不过水平有限,目前这个「平衡」被我设计成了你们所见的这个样子。

首先上个截图:远方的海 Wildfire WordPress CMS式自适应主题:

本站WordPress CMS自适应主题Wildfire升级记录

移动终端已经日益重要,本站Wildfire主题的移动样式长这个样子:

本站WordPress CMS自适应主题Wildfire升级记录

移动菜单展开页面(顶部的canvas和这个菜单,我是模仿了一直在模仿别人的腾讯的样式…面壁中)

本站WordPress CMS自适应主题Wildfire升级记录

其次主题的速度很快,360云测速结果如下:

本站WordPress CMS自适应主题Wildfire升级记录

本次的修改主要如下,版本修订中的小变化版本就跳过了。

  1. 不会SEO?你能想到的,Wildfire主题都自动优化了,你只需要安安心心的写文章就好;
  2. 布局换成CSS式布局,为了你的热情这里有更多的展示空间;
  3. 所有的挂件和组成整块化,扁平化;
  4. 从2.0版一直美化的CSS细节;
  5. 增加2种布局样式,即:1.一列两行式, 2.一行两列式布局;
  6. 优化增加了短代码,不要繁琐的操作就可以插入丰富的样式;
  7. 增加并美化了可选挂件:随机文章,关注订阅,跨屏阅读;
  8. 文章内页增加了文章内索引和一个广告栏,广告可以有,清新不能丢;
  9. 中间增加图片盒子(后一版本去除了图片盒子);
  10. 美化了文章列表第一篇文章;
  11. 增加百度分享的侧边栏浮窗(划词分享,图片分享),去除了原来的分享按钮;
  12. 增加了向上滑轮滚动固定显示的导航栏,修改了JV同学帮忙找到了两个bug,感谢@INLOJV;
  13. 大多数图片增加了css-sprite,减少了大量请求数;
  14. 完成了手机竖屏横屏两种环境下的自适应;
  15. 增加了几个小挂件:(订阅,标签,扫一扫等)。

Version 3.3

2015年5月31日更新:

  1. 增加图片Lazyload延迟加载;
  2. 修复右侧跟随悬浮栏遮盖页脚的问题;
  3. 首页增加了图片墙;
  4. 评论区美化;
  5. 修改了文章目录判断性出现;
  6. 增加了护眼的牛皮纸”悦读”模式;
  7. 重写响应式,之前的响应有空白处;
  8. 更新了category分类页面的样式;
  9. 集成了fancyzoom图片灯箱效果。

Version 4.0

2015年8月18日更新:

  1. 增加了大量的icomoon图标,英语字体也换成了更有逼格的款式;
  2. 重写了blockquote和pre标签的样式;
  3. 去除了百度分享脓肿的代码,用了简单的css-sprits更快加载分享图标;
  4. 评论采用谷歌Gmail的弹出窗口,禁止了wp默认评论提交,垃圾评论少了很多,并集成了评论框的编辑工具栏;
  5. 在主题中集成了wp-post-viewswp-cleap-up以及widget_logic三款插件;
  6. 针对iPad环境再次重写了首页和文章页响应式,阅读更清爽;
  7. 重写了Thumbnail的调用方法,增加了相关文章的缩略图展示;
  8. 集成了自动提交百度搜索引擎的代码;
  9. 评论加上了ajax提交;
  10. 分页面重写了functions.php,代码分页面加载运行更快了;
  11. 再次重写了移动适配,手机顶部导航仿微信朋友圈半透明固定模式;展开菜单仿手机QQ和谷歌Material Design样式;
  12. 支持了SSL访问。

Version 4.1

2015年9月4日更新

  1. 文章页面的背景从白色变成了灰色颗粒;
  2. 增加了文章作者的widget,并有社交订阅功能;
  3. 增加了最新文章的缩略图,让挂件更加图文并茂;
  4. 一些小的细节,比如文章下面的信息分享栏等;
  5. 文章标题背景增加了10余种iOS风格的毛玻璃效果。

2015年10月22日更新

  1. 修改了右侧的小工具栏,并加入了分享效果。
  2. 告别联图二维码,增加了主题自带生成二维码的API,这样就可以兼容SSL了。

2015年11月5日更新

  1. 修改了一些小细节,增强了防CC攻击的部分。
  2. 自动屏蔽外链的代码升级,同时支持SSL和非SSL下的外链屏蔽,之前的代码在非SSL环境下把内链也屏蔽了。

主题目前的5.0版本基本稳定应该不会有太大折腾了。

What’s More

文章的格局用CMS呈现是为了以后更好的做网站,写文章。本站不可能一直只写Wordpress相关和不写别的内容,只有CMS局部才能让各个内容显得有条理,不乱,方便浏览。为了以后更多的发展建站资源以及其他的内容,我才做成了CMS式。

所以本站内容形式的改进:以Wordpress建站为主,相辅相成的加入建站资源、互联网信息分析的内容模块。

What’s The Future

总述:这款不断主题改来改去也有一年了,各种细节和样式不知道改掉了多少。其实未来等技术成熟了,我很想把这款Sven自用的主题分享给大家,只是现在还没有学怎么做后台。现在该主题目前依然只提供给友情链接的朋友们。

下个版本拟定:

  • 做出主题后台,大众分享版本1.0免费发送(本小白目前还不会做后台,这个技术确实要学起来)

最后还是要感谢经常和我互访的老邻居和新朋友们,希望今后我们依然一起学习进步!如果你也喜欢Sven的主题,不妨先看看这款之前改着玩的主题 Sven博客自用主题「Luna」– 这款主题是从老外的一款Lingonberry主题修改而来,去除了国外的臃肿的所有东西,速度超快,不多说,主要的是它现在已经开放下载了。

如果你喜欢逼格的话,也可以先试试Sven设计的这款Ghost自适应主题「mint」免费下载。这款Ghost主题扩展了很多Ghost不支持的功能,比如支持了站内搜索和评论等,喜欢简洁风格的网友不妨一看。

以上。

好文!分享给朋友,或者点个赞吧~

文章信息

分类:个人笔记

您可能也会喜欢

发表回复

Post Comment


  1. Kevan :

    真的超喜欢你的主题,简单而不失优雅,很符合我的风格,难能可贵的是你一个化学专业的学生却能把web前端设计玩得这么溜,很佩服,我也是跨专业在自学前端设计,同样希望能像你一样能这么厉害,也希望能得到你的指点,不胜感激。

    2016-8-10
  2. N次方博客 :

    看了下你的主题,很喜欢,能不能分享一个。或者给个主题购买的链接。

    2016-6-16
  3. 闲鱼 :

    让人眼前一亮的主题

    2016-4-20
  4. 沃乐 :

    博主 求主题 太赞了 61860992@qq.com 谢谢

    2016-4-6
  5. 高兴365 :

    想和你合作搞网站,一起吧?

    2016-3-6
    • Sven水神 :

      @高兴365 算了,最近学业忙,自己的网站都照顾不来。

      2016-3-7
  6. 高兴365 :

    喜欢你这个主题,另外问下你的站点日ip有多少啊

    2016-3-6
    • Sven水神 :

      @高兴365 日IP在2400左右,全球排名20w左右。

      2016-3-6
  7. 小冷博客 :

    同样喜欢你的主题

    2016-1-21
  8. 清风如水 :

    可否分享一份这个主题呢?好喜欢这个主题

    2016-1-8
  9. Andrew :

    主题很漂亮,期待早日放出。
    最好无后台的放出来一份

    2015-12-9
  10. 有点蓝 :

    不得不说,中文wp主题圈真是江山代有人才出啊

    2015-11-27
    • Sven水神 :

      @有点蓝 啊哈,这话说的,随手弄的主题。

      2015-11-27
  11. ofxz.com :

    小伙子很喜欢你的主题,做好后台可以发一份我么,谢谢

    2015-10-20
  12. Hellowintor :

    博主你好。能分享一份主题给我吗。谢谢。

    2015-10-10
    • Sven水神 :

      目前本站的主题除友情链接的朋友外,暂不分享。抱歉。

      2015-10-11
  13. ScottJu :

    博主,能分享我一份你的主题吗,我喜欢折腾.0.0

    2015-10-1
    • Sven水神 :

      可以是可以,你可以去wuli.love看看纯效果,很难改成我这样的。因为主题没有后台。

      2015-10-1
  14. 小子 :

    记得上次还没改版 挺漂亮的

    2015-9-13
    • Sven水神 :

      上次也改了,不过一天一天的改的越来越多。

      2015-9-13
      • 小子 :

        @Sven 我现在纠结着换主题 想做一个分享app和快讯的网站 就是把小资网改版 可惜找不到合适的主题

        2015-9-13
        • Sven水神 :

          @小子 欲思不是挺不错的吗

          2015-9-13
  15. 厘米 :

    越来越强大了,期待你的后台完善版本!

    2015-9-12
    • Sven水神 :

      确实被我整的越来越功能丰富了,不过改起后台也越来越麻烦了。我近期还准备搞个前台的用户中心。等终极完善版搞定。暑假我来做后台。

      2015-9-12
  16. 老杨 :

    认真的看了看你这主题,有点后悔买的 begin 主题了,虽然不是博主的友链,还是厚脸皮的问一句可以分享一份吗?顶部的导航真心不错。

    2015-9-1
    • Sven水神 :

      我的主题没有后台,设置起来炒鸡炒鸡麻烦,如果你需要的话,等我做好后台可以免费送上。

      2015-9-2
      • 老杨 :

        @Sven 好的,先谢了。其实感觉没后台运行起来更快,只是配置和修改起来更麻烦。

        2015-9-2
  17. 众推不靠谱 :

    速度不是一般的快啊,期待放出

    2015-8-18
    • Sven水神 :

      主题内部集成插件,然后分页面加载所需的代码,所以快些

      2015-8-18
  18. JV :

    之前也用过canvas,太卡就没继续用了。这次进来看到 很漂亮,网站增色不少。

    2015-8-14
    • sven水神 :

      @JV JV好久不见啊,这个canvas确实略卡,JS不加载完都不出来。还打算继续改改。

      2015-8-14
    • Sven水神 :

      你的microshe做的也是别致呢!

      2015-8-14
  19. Timle.CN :

    顶部的效果不错呀。哈哈!站弄的越来越棒了。跟不上你的节奏啦。

    2015-8-11
    • Sven水神 :

      最近要开始忙了,没空大折腾;估计你很快就跟上啦!

      2015-8-11
  20. neurologist :

    期待中,提点小建议,幻灯感觉不是特别美观,太臃肿?可以参考下neurologist.cn的幻灯,头部最好logo在上,目录在下那种;总之,非常期待,Sven,早日发放主题

    2015-8-8
    • Sven水神 :

      @neurologist 你的主题也很不错,是下载的么,如果可以给我参考一下。

      2015-8-8
    • Sven水神 :

      @neurologist 看看我的新顶部 canvas特效

      2015-8-9
  21. 露兜 :

    主题清新,速度很快

    2015-3-11
  22. av堂 :

    主题美观大方

    2015-2-10
  23. 皮儿猪猪 :

    什么时候发出来?

    2015-1-12
    • Sven水神 :

      最近在准备期末了,寒假回去试试做出来。

      2015-1-13
  24. flippy :

    不错,加油~

    2015-1-9
  25. 望星湖畔 :

    空间是哪儿的?怎么这么快??

    2014-12-15
    • Sven水神 :

      在网站的关于页面有说哦~~

      2014-12-16
  26. 拼命玩 :

    什么时候分享

    2014-11-20
    • Sven水神 :

      分享的时候会第一时间公布在网站醒目的位置的!敬请期待。应该是免费分享给大家。

      2014-11-21
      • asooe :

        什么时候分享 急急急!!!

        2015-3-2
      • asooe :

        友链挂好了

        2015-3-2
  27. 竞遇随风 :

    做友链吗?www.50726.net
    怎么评论的没有了,还有www.50726.net不能评论你的,怎么回事

    2014-11-1
    • 远方的海水神 :

      亲,先友后链~~友链需要至少50篇原创先~~

      2014-11-1
  28. 竞遇随风 :

    做友链吗?www.50726.net
    为什么友链页面无法评论呢

    2014-11-1
  29. 盗梦空间 :

    刚做wp博客,不知博主可否分享此模板,邮箱js@piracy.cn

    2014-11-1
    • 远方的海水神 :

      额,主题现在只提供给友情链接的朋友~~

      2014-11-1
  30. duoba :

    能分享一份么? 如果可以,请给hen@niubi.org 谢谢

    2014-10-28
    • 远方的海水神 :

      目前只分享给友链的朋友哦!感兴趣的样式你可以通过审查元素看。

      2014-10-28
  31. zztt :

    麻烦博主分享这个主题给我,谢谢了!

    2014-10-27
    • 远方的海水神 :

      目前只提供给友情链接的朋友。

      2014-10-27
  32. 暗天 :

    求此主题 ;-)

    2014-10-24
    • 远方的海水神 :

      现在只提供给友链的朋友~

      2014-10-24
      • 暗天 :

        可以友链并求此主题吗

        2014-10-26
        • 远方的海水神 :

          亲,友链要求至少有50篇原创文章~

          2014-10-26
        • 远方的海水神 :

          主题的话,很多地方可以审查元素看样式表的~

          2014-10-26
  33. 会展 :

    博主也发一份吧 看着做企业主题也不错

    2014-10-19
    • 远方的海水神 :

      只提供给友链的朋友。不好意思啦。

      2014-10-19
      • 会展 :

        行业不同 换友链不

        2014-10-20
        • 远方的海水神 :

          可以换啦,不过我的主题都是要改纯代码的,很麻烦。

          2014-10-22
  34. samaj :

    博主能分享一下修改成CMS的手得吗?我最近打算将不知鸟的ALITY 主题改为以CMS 形式显示呢,只打算将首面改成CMS 而已,但这点对新手来说难道有点高呢….另外能分享一下有关CMS 布局的主题文件吗,感谢

    2014-10-12
    • 远方的海水神 :

      你看看wp分类下的前几个文章就有了

      2014-10-12
      • samaj :

        能否提供一下你的INDEX HEAD 等等的页面呢,我想看看总体的设计.

        2014-10-12
        • samaj :

          电邮应该在我第一次留言的时候留下的了,

          2014-10-12
  35. 吴尼玛 :

    同求此主题

    2014-10-3
    • 远方的海水神 :

      主要是主题是自用的,不是不愿意分享,是没有做后台设置,全是要在后台改代码的。找我要过主题的人也没有成功用上的…

      2014-10-3
      • 吴尼玛 :

        这太好了,我很讨厌有模板设置的主题

        2014-10-4
        • Sven水神 :

          那好 你留个邮箱吧

          2014-10-5
          • 吴尼玛 :

            你可以发到我国内的邮箱,wudageyx@163.com

            2014-10-6
          • 远方的海水神 :

            已经发送.

            2014-10-11
  36. JV :

    #header的z-index值后面再多加一个0,全站聚合导航菜单就不会被幻灯片的部件挡住了。

    2014-9-26
    • 远方的海水神 :

      (PД`q。)·又干掉一个bug!!下次JV再来要准备可乐小板凳迎接

      2014-9-26
      • JV :

        呵呵,我也是正好看到,因为这个导航做得挺好的,我想做一个类似的,但不是用在导航上,可以做一个归档页。

        2014-9-26
        • JV :

          类似网站地图这种东西。

          2014-9-26
          • 远方的海水神 :

            这个可以有,因为你的网站上面导航就很清楚了~~~~

            2014-9-26
  37. JV :

    加了滚动显示导航,返回顶部还是不要用#header作为锚点了,这样没有办法真正返回顶到页面顶部。

    2014-9-26
    • 远方的海水神 :

      JV你真是太棒了!!!又帮我发现了一bug.

      2014-9-26
  38. Timle :

    博主厉害, 不知道可不可以分享下主题Wildfire3.0。

    2014-9-26
    • 远方的海水神 :

      可以啊,主要很多地方是絕對鏈接你要改成自己的。

      2014-9-26
      • Timle :

        真的呀,呵呵,太感谢啦,发一个到我邮箱吧,链接我自己研究研究,我主要是想学习下你些的代码。

        2014-9-26