主题《BlueFly》使用并发布

说了不止一次在写新主题的事。今天终于把它用上了。
难得有空改代码,可跑了几遍却实在不知道还应该该改些什么东西了,索性直接放上来使用,有缺点什么的日后再说。

距离上次写主题已经有五年多了。这五年来新技术的花样可不少,什么before/after啊,bootstrap啊,自适应啊,html5啊都是上次写的时候没遇到的。wp本身提供的函数库也增添了不少新功能。
这个主题参照的主结构是oblique。原来最大的卖点是瀑布流和斜角。我把斜角功能给去了,瀑布流也改了个面目全非,甚至一度想放弃,最后又找了回来。无限加载与图片延时加载之间有矛盾,会导致首页上图片的间隔有大有小,尚未没找到好的解决办法。
花费了大量时间在许多无聊的功能上。比如专门给不好好留言的人留了个按钮;比如post与comment的相对时间;比如特色图片上的伪日期戳。反正是玩嘛,也无所谓了。
开发的过程中参考了海量的主题,看到谁有好的效果就想扒过来。而后期却有因为风格不统一忍痛删了好多效果。最终的方案个人感觉还蛮清秀的。我好多年没用过这么清汤寡水的配色了。
说起配色,中间一度想以数学方法一劳永逸地解决配色问题,但尝试之后发现效果并不怎么好。数学公式保留了,但最终配色是手动的方案。灵感来自某游戏……
因为原来的模板是GPL发布的,所以这次我的主题也发布了出来。说实话要不是协议的要求,我是不喜欢放代码出来的——因为总有一些伸手党存在。但我有非常喜欢和朋友们讨论wp函数的使用。所以最终发布的时候耍了个心眼,默认的配色方案与现在使用的完全不同。代码里几乎所有的点都加了中文注释,我不希望你直接用我的主题,但我希望自己的代码能够给予后来的朋友们一些启示。

注意事项什么的全写在readme里了。
下载地址

感谢flyfreemedia,感谢wordpress,感谢大发,感谢任天堂。
有问题和建议请在下面留言,虽然我基本不会接受。

最后照例把上一次的尸体拿出来留念。
pewae_2015-10-31_full
pewae_2015-10-31_title
pewae_2015-10-31_comment

已有34条评论

路过的人
    1. 没什么该不该的,想整就整。

  1. 破袜子是不是要改成新袜子了?

  2. 自适应不错,在手机上看很舒服,你说的什么post与comment时间差、伪日期戳是怎么个效果我到是没看出来。

    1. 没看出来就对了,充分说明其无聊性质。

      1. 哦,才发现,说的是评论上距离发文多少时间的显示吧,这个我倒是感觉想减就行了,应该不难实现,呵呵。

        1. 确实不难。那个路过才难。

          1. 哦?这么说我到好奇了,从来没点过,这下得点点试试效果。。

  3. 变了好多好多。。。。

  4. 字体灰灰得看得有点吃力……

    1. 现在不是流行浅对比吗。这个配色可能只会保留一个月。

  5. 手机端比电脑端看着舒服

    为那句基本不会接受意见点赞。

    1. 那是找的原版底子好。其实我不怎么会改手机版。

      1. 我现在选主题就会有强迫症:电脑端看着不从的,还要再看看手机端效果如何,手机端效果不好的也是坚决弃用。
        虽然我是个不太喜欢手机看博客的人,但现在终究是一个大多人比较习惯用手机的时代啊。

        最后继续吼一声:为单栏喝彩!

        1. 其实侧边栏也没扔。估计没人点就是了。

  6. 这回字体虽然一下子不习惯,但毕竟个子大了很多,比前面那个阅读起来好多了。首页还是比较凌乱,以前我也试过这种显示图片然后文字飘进来的设计,最后自己都不喜欢,配色也不够完美。

    自定义的字体又换了是吧,这个路过不错,我试试评论过的人还能不能路过啊。

    1. 首页加图怕是必然会乱.毕竟我选特色图的时候没对色调和大小加过什么控制.统一高度或者加个半透明可能会好一点.但我又觉得高度统一太死板了.
      间距非常讨厌,因为设了个min-height和max-height,第一次调瀑布流部局的js的时候,高度是按照max-height和默认图片算的,但延时加载之后,大部分图片的高度变小了,要是能重新调一下部局函数就好了.也是装上之后才发现的,我本地测试的时候没用那么多特色图,没发现.
      这配色是怀旧纪念版,一个月之后肯定要换.

      1. 图片问题我觉得你可以这样解决,把图片加到div中当背景,然后设置background-size为cover;给图片位置留一个透明的1px的gif或者干脆不要图片了,这样你设置图片所在的div固定大小就可以了,我的图片格式文章就是这么设置的。

        说起配色,我是更差,只是你首页那张大图颜色太好,对比一下其他色彩就感觉很不搭,嘿嘿。

      2. 如果怕没有图片影响seo 可以原图保留只是display none掉就好了。我以前也是用minheight和maxheight,好像没什么用就放弃了。

        1. 我从来不care SEO的,可display:none不就不显示了吗?

          1. 两个回答结合起来看,把图片当背景啊

    2. 能评论。做的时候想控制来着。但后来觉得那样会加一次数据库查询,想想还是算了。

  7. 顶部可以做成跟随滑动,然后在滑动到博客标题位置时,标题变小跳到顶部中间位置,这个可以有。

    1. 开始想加,后来…忘了这事儿了.毕竟我弄CSS和js还是没那么顺手.有空再抄吧.

  8. 你原来是[div][img][/div] 改成[div style=”background-image:url([img])”][/div],然后在css里设置 有图片背景的div background-size为cover 并设置固定高度,图片就不会变形了。这样就整齐了。

    1. 我就是不想固定高度,让高度跟着图片走.

      1. 那就是瀑布流了,然而你似乎瀑布流遇到问题了。

  9. 虽然知道你不会接受我的建议,不过我只想告诉你,瀑布流很无聊的,而且已经过时了!

    P.S.发现你的留言模板已经部分实现了我想要的功能,偷笑一下

    1. 虽然我不会接受你的建议,但还是要说一句,我考虑问题的时候从来不考虑是不是流行.

  10. 字体有重影?
    有点习惯了你之前的主题。。。所以觉得这个反而没之前的好看了。

    1. 之前的主题也有字体阴影啊,可能因为这版字的色浅所以感觉更明显吧.上一版有一个巨大的手机上的问题我解决不了.

  11. 手机端漂亮!~

  12. 换主题了,恭喜,提些小建议,纯属个人感受
    1.主页图片能否改成一样大小,强迫症受不了
    2.文字阴影看起来不是很舒服
    3.这背景图,害我擦了N次。。。

    1. 1.不能。统一大小就意味着我这半年白忙活了。
      2.配色还会调整
      3.目的达到了。

  13. 虽然说了你也不一定听,但是忍不住还是想说,哈哈。 正文的文字阴影让我通篇看完后,有点晕车的感觉。就是坐车那种晕车。

    1. 我自我感觉还可以啊。你用啥浏览器?

  14. 不错,比原来好看很多了。

    1. 谢谢。总算有人说好了。

    1. 对,图片加载没整好。

  15. 最大的感受就是,比以前网站卡多了。还有就是首页为什么不直接显示图文呢,看着一片空白的框,不习惯。

  16. 是不是我网速的问题,我网速还是快的,这次看你新主题,感觉图片在主页加载比原来的要慢些。

    1. 确实慢了。可能是缩略图的大小没设好。而且有两个js可能在打架。

  17. 文字阴影给差评,阴影太浓了

    1. 这个接受。可能是文字颜色比较浅,不适合加重阴影。

      1. 阴影确实重了,读起来有点累眼

  18. “有问题和建议请在下面留言,虽然我基本不会接受。”好像真话。两个板子底色一样。

    1. 两个板子?你是说跟上一版比吗?真不一样.这版底色的亮度比上一版低多了.

  19. 不管怎么整,怎么折腾,自己喜欢就行

  20. 竟然换主题了……我还是觉得你这个BG不好看,脏脏的

    1. 你也是处女座吗?这个背景可是特意挑的.

  21. 这个评论框太靠下了,拉好久。

    1. 你不说没注意,每条评论的高度太高了.谢谢提醒.

你好,新朋友。留言前请先填写昵称邮箱