\

D-haha 的情侣博客

D-haha's Feeling (原创情侣主题)

Search: 情侣博客主题(双人主题) Beta 版上线测试

搜索
.clear

博文分类

  • 正在载入数据中...

最近发表

  • 正在载入数据中...

热门文章

  • 正在载入数据中...

随机文章

  • 正在载入数据中...

情侣博客主题(双人主题) Beta 版上线测试

可视编辑 UBB编辑

D-haha 的情侣博客 » 网站日志 » 情侣博客主题(双人主题) Beta 版上线测试

算来没更新博客已经一个月了, 但其实这个半个月以来我一直在 "更新博客". 新主题的上线就是例证. (汗一下, 其实博客没这么个更新法儿...)

主题之起源:

任何双人主题之起源大概都可以追溯到那个著名的 Wordpress 博客. 它提供了创意之来源. 还要感谢坠入爱河的老现, 他对情侣博客的极度渴望最终促成了制作计划的启动.

主题之构思:

曾经在群里和论坛里多次谈起过此主题的构思. 我更倾向于在前台使用 js 按不同作者对文章进行位置编排. 相对于 wordpress, Z-Blog 的模板引擎没有提供按不同作者输出文章列表的功能, 而模板中也不技持服务器脚本, 如果靠改动程序来实行分栏的话, 影响升级和插件的兼容性不说, 制作起来也未必更简单.

开工前后:

上一个主题(深沉之眼)的最后一系列升级升得很累, 实在不想再碰主题的事儿, 但架不住老现的催促和诱惑, 最终还是提上日程了. 因为无力处理左右两栏长度不对等的效果, 直到这位水平很高的美工明确了合作意向后才有了开工的信心, 然后恰逢十一上考研班, 真是一分钟的空闲都抽不出来. 直到 10 月 15 号, 才正式在主题目录下建立了名为 Couple 的文件夹.

漫长的征途:

和上一个主题《深沉之眼》作个简单的对比:
《深沉之眼》用了三天将近四十个小时, 就从一无所有到完了全部样式, 而这个样式从那之后再未变过. 以后升级只是升级一些功能细节.
情侣主题, 到第三天的时候刚刚建立起首页的基于 JQ 重构的纯 HTML 框架. 而这个框架在制作内页 HTML 前就整体更改了三次, 而完成内页的纯 HTML 已是第十天的事了. 在这之后, 又进行了一次整体上的不大不小的调整, 为了 CSS 的更加合理, 调整了 JQ 重构范围内的大部分样式类和 ID.

步步推进:

相对于我的缓慢, 美工的效率就高得太多了, 刚开工没两天就给我发来了首页 PSD, 第二周又设计完成了 Boy 和 Girl 两个内页. 速度如此之快让我还没来得及设计内页的一些效果, 而这些效果可能和美工的设计并不相适应. 鉴于这些效果在实际做出来前并不好描述, 我决定先给主题做简单的美化, 然后在此基础上让效果有个简单的体现, 同时在此过程中也可以发现版面设计上的一系列问题, 从而最终把问题归结起来, 让美工在变更设计时也能有个整体的把握, 一次到位, 避免浪费感情.  这一步大致还顺利, 对于先前主题最花精力的 JQ 效果, 在这个主题中显示微不足道. 几乎麻木的把一段段函数写出来, 倒也没什么大的问题 . 最后是制作主题插件和主题设置后台. 因为有《深沉之眼》打下的基础, 主题很快也就完整了.

计划的增加:

把主题第一次安装到了博客上时, 问题立刻显现.  当时这个主题的机制仅仅是把每页的十篇文章按不同作者分开, 而并不考虑这十篇文章中两个作者各占几篇. 因为宝宝已有些日子没写博客. 首页上瞬间形成一边倒的局面. 随着翻页的进行, 我越来越汗, 每页那叫一个千奇百怪. 虽然美工说可以用些背景弥补两侧的不对等, 但如此严重的不对等, 就算神仙来了也救不了场. 而先前花了我不少时间搞出的"智能"补白, 那区区两行的文字更是无济于事. 看来, 两个作者分别输出等量的文章是必不可少的.. 但对于这个功能我很欠考虑, 为了救急, 我只好临时找了一种非常左道旁门的办法实现了两边文章数的对等.

返工:

左道终不是长久之道, 首先这种方法在分页条的 URL 上会多出 auth=x, 很不爽; 其次, 这种方法还不支持静态分类首页插件. 于是, 在接下来的两天里又设想了一种新方法, 利用插件和新的标签来完成文章列表的输出. 正当以为一切办妥时却又发现了在某些分类页中分页条的数目不正确, 再次返工... 终于, 大致没什么问题了.

评论与回复评论:

这个主题中使用了大量的 JS 与 ajax 效果, 但制作这些效果所占的工作量和前面种种比起来根本不值一提, 只有评论与回复评论还算有点特色. 上一个主题我实现了回复时提示原评论的功能, 并可取消评论, 但由于该主题已成型, 不便做太多修改, 最终的效果算不上十分人性. 这个主题从一天始便着手实现一种看起来更直观的评论回复. 此外, 对于记住 Cookies 的用户, 重访时还会看到更简约的评论提交框. 我会在本文下面放一个回复评论专用贴, 有兴趣的可以去试试看.

进一步的计划:

这个主题到现在为止, 基本的功能和效果都完备了. 但这只是个开始. 接下来要开始着手研究切图和组装样式. 什么时候当你看到这个主题的外观完全不一样时, 那时才真正的完工了. 到时就见识到什么叫真正的美工了. 不过接下来的计划要放缓一些, 考试越来越近, 看书越来越紧了...

回顾:

返工次数太多 - 因为不想多花时间, 构思相对草率,结果一直做到明显不合理之处才不得不推倒重来, 或是给原计划加码. 不过总算完成了.
尝试次数更多 - 制作时仍旧忍不住想尝试些新效果, 结果在时间的压力面前缺乏耐心, 很容易放弃. 失败的东东和成功的东东一样多, 但失改的次数却比以前少. 不过至少把回复评论的效果搞定了. 而且, 原计划的内容全部实现, 还略有超出, 也没什么遗憾了.

额外的补充:

这是一款特殊的主题, 仅适用于双人博客, 特别是情侣博客使用. 与我以往的作品不同, 这个主题的制作者不只我一个人, 装在博客上, 使用它的主人也不只我一个人. 加上这个主题的适用范围有限, 此主题不会免费共享. 至于如何获得这个主题, 先等主题完全做好再说吧.

« "胡抽"???谁起了示范作用 »

.clear

Tags:Z-Blog 主题  网站日志  情侣博客主题  双人主题  

分类:网站日志 评论:37 浏览:
我要添加新评论
点击这里获取该日志的TrackBack引用地址
相关文章:
正在载入数据中...
  • 2009-11-6 1:25:52 [Report Spam]  
    测试评论回复专用!
    nobird 于 2009-11-7 22:45:54 回复
    跟风测试....
    洛渝心 于 2009-11-28 2:12:55 回复
    挤一下...这是用上了children代码嘛..
    haphic 于 2009-12-14 14:59:35 回复
    不是 children, 是 JQ 的 .after 方法和 .remove 方法.
    test 于 2009-12-15 12:26:07 回复
    换个背景之后,更好看了这主题~~
    测试 于 2010-1-19 23:20:47 回复
    测试下
    爱好者博客 于 2010-1-21 23:05:32 回复
    测试链接功能是否正常. http://zber.org
  • GravatarSyean
  • 2009-11-1 23:49:46 [Report Spam]  
    呵呵,你真有做美工的天份!不过,首页似乎左右不对称有点别扭~
    haphic 于 2009-11-6 1:14:12 回复
    不对称没办法 , 她文章里有图.... 我们又不能比摘要长度, 比下去不是办法... 嘿嘿.
    至于美工, 这只是个实验样式罢了, 我的美工水平会把这么好的创意给毁了. 有一个水平很高的美工给我做了 PSD, 过段时间就看到了.
    软件兔 于 2009-11-6 8:32:23 回复
    呵呵,期待你与美工合作的新作品~~
    至于高度,可以两边都多输出几篇,然后通过scrollHeight来判断两边是不是差不多高,如果相差太大的话,就把过高的那一列最下面一篇设置为hidden,然后再比较,如果还相差过大,就再隐……
    另外,这些都是闲来玩儿的,考试要紧(晕,又字数不够
  • Gravatar软件兔
  • 2009-11-2 11:12:42 [Report Spam]  
    兄台啊,可否分享下你现在用的这个情侣皮肤啊?我和我老婆看了都很喜欢,我找了好久都没找到这样的。若能分享下,感激涕零!我的邮箱:zhouhua135@163.com
    现实呓种 于 2009-11-3 13:39:53 回复
    Test!还真的实现了回复评论在该评论下弹出评论框……
    现实呓种 于 2009-11-3 13:41:13 回复
    哈哈,用了haphic上个主题图标都没修改……真好玩真好玩~
    真好网 于 2009-11-3 13:49:31 回复
    Hehe
    haphic 于 2009-11-6 1:19:28 回复
    我也是刚刚做了一多半. 算是 Beta 版, 二期工程...
    不过这个主题暂不会共享, 等完全做好后大家再合计共享的办法.
    最可能的办法是在略微变动主题样式之后收费.
  • Gravatar真好网
  • 2009-11-6 15:30:19 [Report Spam]  
    我觉得,内页应该一个侧栏在左,一个侧栏在右~~Haha
    nobird 于 2009-11-6 15:40:06 回复
    回复效果不错~ 缺点是引用的时候会吧内容写到text区域,点击取消,区域内的文字不会被清空~
    haphic 于 2009-11-6 19:29:32 回复
    布局完全是按美工的 PSD 图做的, 人家美工说了, 没必要全按着那个 WP 博客来吧. 实际上, 如果侧栏按男女分布左右的话, 反倒节省一个布局函数的逻辑分支.
    取消的是回复, 和引用无关吧. 我觉得在有了回复之后, 引用显示很鸡肋. 不过, 受你启发加了个清空评论的按扭.
  • Gravatarnobird
  • 2009-11-10 11:43:42 [Report Spam]  
    主题太帅了~~~博主的主题细节很用心~~~~~学习学习~~~~哇咔咔~~~~等博主共享之后写博就只差女友了~~~~~~哇咔咔~~~~~
    haphic 于 2009-11-10 17:12:36 回复
    以前一直把细节当做用来玩儿的, 现在才总算找到细微之处体现方便的价值, 呵呵.
  • Gravatardepthsky
  • 2009-11-11 12:42:13 [Report Spam]  
    老大是越来越牛了!这个主题好漂亮的,啥时候把深沉之眼的主题也改成现在你这个情侣主题
    haphic 于 2009-11-12 2:48:25 回复
    深沉之眼和这个情侣主题属于完全不同的布局吧, 改成这个样子可不是件容易的事儿, 还是全新铸造的好.
  • Gravatarblogger
  • 2009-12-2 10:16:06 [Report Spam]  
    好久没来看过,漂亮多了
    haphic 于 2009-12-2 21:27:04 回复
    你的评论让我发现了评论之星插件的接口冲突, 不过好在冲突对象目前仅有一个免费共享的主题, 但潜在的冲突对象范围却甚广, 已经紧急升级了插件.
    欢迎下月再来哦!
  • Gravatar中药
  • 2009-12-13 10:05:32 [Report Spam]  
    不错的说,多注意注意细节就可以做出不错的主题。
    haphic 于 2009-12-13 14:09:55 回复
    是的, 处理细节也很有意思的说, 尽管说很多细节并不能为人所发现. 但真正处理的好会让人在不知不觉中获得方便, 这也是 UI 设计的最终目的罢.
  • Gravatarkeelii
Gravatar

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
.clear
.clear

Copyright 2006-2008 haphic's blog. Some Rights Reserved.

Powered By Z-Blog 1.8 Arwen Build 81206 Designed by luheou & Made by Sunny(haphic) [Top]