新年 新主题

2008年已至,本人决定给本博客换个新面孔,但由于本人在网页设计方面尚属初学者水平,今天刚把 CSS: The Missing Manual 看完。同时也是因为近期写文章时,发现本博客之前使用的来自 iLemoned 主题 Dark 有些不合适:

  • 有时文章中会有一些代码,且每行代码均较长,dark 的三栏式设计就会导致超出部分被遮住。
  • 发布代码时若使用 code 这个标签则会在发表的文章中多出一些无用的代码
  • 主题的色调有些偏暗,个人觉得会给人带来阴郁的感觉

除此之外,dark 这个主题还是很不错,只不过不太适合用于本博客而已。

鉴于以上几点,今天本博客起用来自 Hello Wiki 的主题:Hello :D

Hello :D Official Screenshot

  • Hello :D 的两栏式设计是的页面中有足够的空间用于显示代码
  • 同时主题中还包括一个目前所有 WordPress 主题中都少见的 print.css, 这个样式列表的作用是指导浏览器打印你的网页。
  • 另外,整个主题显得很大气,色调适中。

点击此处下载我修改后的版本:hello-d-modified.zip 。我所做的修改主要集中在 print.css,修正了原模板打印时会连侧边栏、评论表单一起打印的问题、同时略为调整了一下特定链接在打印出的文稿中的显示方式。

关于 print.css ,我在这里还想多说几句:

为何博客有必要配备这样一个样式列表,又一个用于控制页面在显示器上的样式不就够了吗?如果你有这样的想法,那么就请设想如下情景:

  • 某个网站上有你想要的资料 (如教程、技术文档、商品信息之类),而这个网站用你现有的上网方式访问速度较低。好不容易打开一次,这次看过后过了一段时间,某些内容记不太清了。这时你是希望手里有现成的资料,或是将网页打印成PDF保存在本地硬盘上,还是再次通过访问那个网站查阅呢?
  • 此外,网页设计时使用的导航条、侧边栏相信在你打印出的文档中除了占据有限的空间和浪费你的油墨之外毫无用处,评论表单在打印出的文档中也是没多少用处的。
  • 某些在设计时使用的背景图片在打印时毫无添色,甚至有时还会降低文本的可读性 (legibility)。

因此,作为博客作者,有必要为自己的博客配备这样一个样式列表,尤其是那些流量较大的博客,如 Freelance Switch, Smashing Magazine, ProBlogger。其中,Freelance Switch 主要是为自由职业人 (Freelancer) 提供相关建议、资源链接、招聘信息,几乎每篇文章都是精品,极具收藏价值,可他们提供打印文章链接仍在使用老式的 JavaScript 方式。老式的 JavaScript 方式的弊端在于:

  • 多数情况下,老式的 JavaScript 打印方式需要将页面的重新加载,更改其样式,这样生成的页面内容上无实质性的变化,既增加了服务器的负担,又给用户增添了等待的时间。
  • 另外,在 Leopard 的打印面板中,有一 “PDF” 按钮,点按后出现的下拉菜单中有许多将要打印的文档保存为PDF 的方式可供选择。选择其中的 “保存为 PDF … (Save as PDF…)”,出现的窗口可设置 PDF 文档元数据 (Metadata),默认情况下 PDF 文件名称和元数据中的标题均被设置浏览器标题栏中显示的页面标题,作者则被设置为你的用户名。而如果使用老式的 JavaScript 打印方式,PDF 文件名称和元数据中的标题在某些情况下是被默认设置为 “未命名(untitled)”,相信着会给大家带来一定程度上的不便。

实际上,Smashing Magazine 已经添加了 print.css 。

再附上在 Safari 中打印的 “在 Mac OS X 10.4 Tiger 中安装 WordPress 2.2 - Cocoatacious

点击此处下载:PDF 在 Mac OS X 10.4 Tiger 中安装 WordPress 2.2 - Cocoatacious

读完本文,你的想法如何呢?

Posted in Design, Leopard, WordPress, 杂谈 at January 10th, 2008. Trackback URI: trackback
Tags: , , , , , , ,

No Responses to “新年 新主题”

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>