on 2009年02月16日 by Simon Kong in 互联网, 评论 (12),

网站修改的流水账

现在只有将这一切记录下来的欲望,因为如果过了这一刻,以后将不再有足够清晰的记忆将一切输入下来,但是实在劳累,所以打算以一串流水账的形式记录下这个叫做子曰:的网站是如何变成现在这个样子的。

  1. 去年七月购买域名kongsays.cn,纯玩乐,闲着无用就用来绑定我的blogger
  2. 寒假有建立一个网站的计划,美其名曰网站,不如说是一个小型个人发布平台。于是在年前购买了空间,考虑到大多数时间会在学校用教育网调试子曰:,所以选择了国内空间。
  3. 我对主题的要求相当高。很多人都是随随便便的选择一个便好,但我似乎特别在意主题的美感。涉足WP爱上的第一个主题是黑白系,现在友情链接里的August在用。但可能自己比较容易审美疲劳,所以在纠结是否要修改以及是否有能力修改的时光中,我不再对这个主题感兴趣了。
  4. 然后开始对超简洁风格主题感兴趣,曾经拜托阿拉丁修改一个主题,但由于各种原因最后没有实现,而且我发现自己对超简洁主题也渐渐失去了兴趣,因为大部分简洁主题的功能也很简陋which我不能接受。
  5. 手动修改的第一个主题是mordenorange来自themelab,被迫学了一些css和php函数调用的知识。我是笨孩子,所以什么东西都是现学现用,我不是擅长秀技术的人,修改完之后我发现我审美疲劳了,所以就没再用。
  6. 偶然碰到一个叫做apple theme的主题,这是我第二个开始手动修改的主题。符合我当时对适应宽屏的审美which现在喜欢固定屏幕宽度。我把主题改的面目全非。其中用到了很多插件,也就是在这个时候,我逐渐筛选了那些符合我使用习惯的功能强大的插件。用了一段时间,后来发现宽屏主题有很多限制,再加上这个主题在IE 6 7下测试始终不甚理想however我又不能强迫每个人都去用FF,于是放弃。
  7. 其间建立hol.kongsays.cn和photo.kongsays.cn,两个主题都折腾了半天,仔细修改,修改步骤不想写了。
  8. 再次偶然碰到现在这个主题,一款CMS主题来自redevolution。非常喜欢。功能也不错。但貌似这个主题在很多内容的修改上都比较困难,于是自己学习的同时也在求助周围的朋友,非常感谢August对这个主题的贡献以及对我的帮助。

下面我想说一下对这个主题具体进行了哪些修改。记忆力衰退,我就不按照修改的时间顺序铺陈了:

首先是顶部:

  1. 使主标题更引人注目,下面加上了对中文随机文本的调用并设计样式。
  2. 将搜索栏改为google的但由于比较难看最终放弃。
  3. 去掉顶部导航的页面限制,改为手动添加。
  4. 修改了背景,将纯灰色改为斜纹,比较有风格。
  5. 去除搜索栏上部的category分类,因为这个主题对category的强调已经很充足了。
  6. tabbox增加两项,rss栏加入自己设计的订阅图标,撰写的关于作者栏。
  7. 将新事与新评的ul和li重新设计,更改显示数目。
  8. 左上方showbox更改了字体和间距,更改了显示范围,将原来的纯文本显示加入了格式,解决了有时字段被横截的情况。
  9. 修改了引用的背景色,以免在首页与showbox颜色演示冲突。
  10. 中部展示区很纠结。将所有文章分为5类,然后截取5个较为好看的颜色,加以调整,做成五个原始面板,然后PS和其他工具齐上阵做了5个小LOGO,以后每次写完日志要在image部分调用题图。
  11. 修改了中部展示区的字体字号,消除了截断字体的情况。
  12. 右下部分在每个category后面都加上了文章数的调用,看似简单实际纠结。
  13. 在每篇标题下面加上了浏览次数和评论次数,也比较纠结。
  14. 边栏加入了google friend connect和浏览数量排名。
  15. 分别在正文上下和侧边栏加入了adsense广告,只是为了好玩。
  16. 单片日志部分,修改了正文标题字体,文章信息字体和样式,修改了正文的行间距和字距和字体大小。
  17. 正文底部加入了标签,去除了Trackbacks,因为感觉没用。
  18. 标签和分类下面删除sharethis,改为addthis,比较满意,便于推广,虽然用的人也不多。
  19. 很纠结很纠结的,加入了随机文章和相关文章,但两者风格不一样,使劲的改,但仍然无法调用随机文章的日期。
  20. dark帮忙修改,终于搞定。但现在只有相关日志被烧录,随机文章无法进入RSS,仍然纠结。但随着文章数增多,相关日志应当都会有,随机文章应用不是很普遍。
  21. 调整了随机文章和相关文章的CSS,不过这里我崩溃了,实在搞不定css,于是就在php函数里改了,我疯了。我要被那些专家骂死了。
  22. 评论部分,依然面临原始css和插件css不一致的情况,拼了老命才调试大致一样。但想要的效果,就是留言用户信息位于头像右侧上下居中的样式还是没做成,不能怪我,原始css太差劲了。
  23. 评论头像改成了48的,32太小气了不是。
  24. 修改了脚注,加入了FF浏览和雅黑的建议,加入了备案号。
  25. 修改了www.kongsays.cn和blog.kongsays.cn的meta信息,利于搜索引擎。
  26. 将头部的自动订阅与feedsky挂钩,善于管理。
  27. 用feed best插件给原始feed加上脚注,用相关日志插件将相关日志加入原始feed。
  28. 先用feedburner烧录原始种子,加上adsense底部广告,纯属试验。
  29. 再用feedsky二次烧录feedburner的订阅,最终的订阅形态是feedsky。
  30. 汉化大部分英文内容,只有那些觉得保留英文比较漂亮的才没有汉化。其中一些翻译得很“豆瓣”,很文艺。
  31. 写完文章后才意识到还有一些需要添加。今天做了很多调整如下。
  32. 优化了搜索。默认搜索结果上添加了google搜索,如果没有搜索结果显示随机日志。
  33. 在google自定义搜索中加入了adsense,试验试验。
  34. 在另一个主题截了个页面,建议编辑后,用插件加入了sitemap,由于文章太少暂时不会放出,呵呵。
  35. 加入了回复表情插件,想要优化表情最终从另一位blogger那里获取。
  36. 突然出现搜索结果的右边栏偏右切脚注居中的情况,修正多出来的一个</div>
  37. 一番整理之后将所有头像改为右对齐,取消了一左一右的凌乱设计,但用户信息上方仍有留白。
  38. 很纠结的,怀念以前主题的行间距和段间距。于是修改这个,段间距怎么都搞不定,最后用.entry-content p{margin}弄好了。
  39. topnews和tag部分预览在宽屏下显示略小,眼睛劳累,于是各将字号提高1号,并确保各种情况下不会出现字体截断的情况。
  40. 刚刚研究了三个小时的代码,就为了优化featured box这一个效果。为了让左边标题完全位于图上方,右边索引加宽,右边索引部分左移,就为了这三个效果我研究了这么长时间。featuredleft,featuredright,featured ul li div。。。都要高晕过去了。看来不先学点基础知识,仅靠自己举一反三还是太难啊。
  41. 右下的索引与topnews都存在几率性截断乱码问题。右下直接调用数据库无法更改,左上将原来content调用方式改为excerpt调用方式,去除继续阅读提示。
  42. 突然发现FF下RSS默认订阅界面的摘录字数增加,不知道动了哪个参数,决定统一所有订阅口径,彻底取消默认订阅方式。
  43. 终于研究出了FF默认订阅与feedsky的无缝结合,在cpanel后台设置域名转发,今后feed.kongsays.cn和blog.kongsays.cn/feed等所有带有feed的地址一律指向feedsky,避免了计算的遗漏,便于统计和管理。
  44. 将图片中错误拼写为cultrue的图片重做,修正为cultrue,感谢网友摩卡的细心提醒。
  45. 重审文章各处链接的表现效果,最终决定所有链接保持一致的橙黄色,除正文部分的其余部分链接一律粗体。
  46. 为了让正文美观且不浮躁,将正文和tag,category部分的链接改为与文本同样大小同样粗细的链接,且带有dashed效果下划线,略好于点状效果。
  47. 在右下角加入yahoo播放器,并将隐藏的音乐代码与advertising代码合并。
  48. 不满于原来的background,看neoease的blog受到启发,改为渐变式漂浮背景,共涉及七套不同色深的背景,尝试数遍后终于定型。
  49. 删除日志内贴图的1px的border,以后贴白色底图片的时候会更加干净。
  50. 修正了随机日志和相关日志内容字体略有差别的漏洞,并且将两者字体调试后与周围环境较为协调,迎合阅读习惯。
  51. 发现留言输入框过于单调,于是插入了阴影图片repeat-x循环,使留言区更有立体感。
  52. 加入顶部图片,用ps设计背景花纹,修改了很长时间,但仍面临清晰度过低的缺点,使左部的背景蓝色渐变和右侧的蓝色渐变完美结合。
  53. 修正了顶部图片在IE 6下显示异常的错误。
  54. 以上步骤很多是August帮我修改或者一起完成的,再次向他表示感谢。
  55. 以上仅是这个主题的修改步骤。apple theme和mordenorange的修改步骤比它只能多不能少。我痛苦!我技术这么烂又这么追求完美。阿拉丁说的不错:你就折腾吧。
  56. 整个调试过程一直都是用IE6,IE 8,FF,chrome四个浏览器,1024*768,1280*800两种分辨率同步测试。虽然我平时只用FF浏览器。应该能够涵盖大多数的用户。我平时只在一种情况下用IE,就是跟那些只知道IE还冥顽不灵的人搞好人际关系的时候。

其实折腾这么多对我唯一的帮助就是学了点网页设计知识,但对个人将来的发展毫无用处,功利的说纯是浪费时间。没办法,我还是愿意去做。但这里涉及到一个境界问题了。有的人在别人是认为浪费时间的情况下,自己不认为浪费时间,仍然在修改中得到满足,这是境界高。而我是在自己也认为是浪费时间的情况下,仍然控制不住去完善它,我这纯属于披着高境界的皮耍低境界。

最后我想说,一路走来,激情,憧憬,辛苦,忐忑,但内心始终欢喜,始终感恩。一路上贵人帮助,才能让子曰:变成现在这个模样。谢谢你们。


Tags: , ,

© 声明:除特别注明,Kong-Zi.com 博客文章均为原创,转载时请以链接形式标明本文地址。
《网站修改的流水账》永久链接地址:http://www.kong-zi.com/post/200.html
0




12 Comments

  1. ifleea

    2009年02月16日 @ 02:12

    真细心…

    [回复]

  2. august

    2009年02月16日 @ 08:50

    你太客气了。其实在帮你修改的时候,我也学到了很多东西,大家互相研究学习嘛。呵呵

    [回复]

  3. 习惯

    2009年02月16日 @ 12:59

    确实很流水 不过这些记录下来还是有好处的,以后可以发现自己的成长轨迹。

    [回复]

  4. Vane

    2009年02月16日 @ 18:50

    呵,就我自己的经历,一开始买了空间的时候,特别喜爱折腾,换过N个主页,不过慢慢的兴趣也就淡下来了。对于WP的主题也是,以前不到一个月就换一次,现在也基本定下来了。其实,挑上一个不错的主题,然后慢慢的一点一点修改,这种感觉不错。
    PS:链接已添加,用的是你主页的URL,若要改动,请告知。

    [回复]

  5. 让你的浏览器和Feedsky无缝结合 | 子曰:

    2009年02月20日 @ 13:21

    […] 但是这样不好看。如何单次点击就出现feedsky面板呢?我对美观有极高的要求,这一点你在我的网站修改的流水账那篇日志也能感觉到。所以现在我的要求是,点击订阅按钮后,直接进入feedsky面板而不是FF面板。如何操作呢?哈哈!这是本文的精华。因为关于这个问题是我自己研究出来的,GOOGLE了半天都没找到!你应该这样做: […]

  6. 我爱过的WordPress主题 | 子曰:

    2009年04月30日 @ 18:25

    […] 在网站修改的流水账中,我曾经表达过自己是一个对主题要求特别严格的人。因为一直认为自己是一个对美有着强烈领悟力的人。虽然我相信不同的人会喜欢不同的风格,但我一直坚信不同的风格之间是有一个品味的差异的。而我确实一直在为那种追求的品味而努力。 […]

  7. 这个系统@心灵自由

    2009年07月24日 @ 15:33

      呵呵,看了你这篇文,感到很恐怖。
      我曾修改过一个主题,搞了5个小时都没搞好,就放弃了(我只懂一点的CSS)。当然,原因是没有别人帮忙。
      看了这篇文章,我感概,幸好我的博是文字型的,不需要过于复杂的功能和展示方式。(实用的功能及可能用HTML实现)。
      其实,虽然用的是默认的而且相对比较简单的主题,但平时一直不断地修改,工作量也是很大的。
      曾经看上过几个主题,但最终还是放弃了。默认的主题虽然看久了有点单调,但我没有技术去搞更好的了。

    [回复]

Leave a comment

XHTML: Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>