Zack Live » WordPress

为WordPress选择程式码显示插件

Zack — Fri, 05 Mar 2010 09:32:13 +0000

刚开始我只用引用（Quote）来显示程式码，随着程式码越来越多，引用已经不够用，我决定要加个程式码高亮显示的插件到WordPress里。

我前后共测试了5个这种插件，包括：

我也总结出，具体的要求：

不用修改WordPress，包括主题：我不希望因为一个插件而修改WordPress或主题，特别是有其他的选择的情况下。
显示行数：有行数的话，当讨论程式码时，就比较容易去指定特定一行。关于这一点，WP-Syntax预设是不显示行数的，所以我没有选择它。
支持可视化编辑器（Visual Editor）：这是最严重的问题，有些插件在Visual Editor里会自动重编程式码以便在HTML下显示，这样会破坏原程式码，导致每次编辑时都要改程式码，改到我火都上来。SyntaxHighlighter Plus，Google Syntax Highlighter for WordPress和Syntax Highlighter for WordPress都有这个问题。

剩下的就是SyntaxHighlighter Evolved，它是唯一不需要作任何改动就符合以上要求，也支持所有常用的程式语言，包括PHP, HTML, CSS, C等。使用上也很简单，只要用[语言]和[/语言]来包住程式码，其中语言是程式码相应的程式语言，如PHP。该插件也有设置页面，可以做一些细节的微调，也有一些使用说明可以参考。以下是一个带有PHP的HTML范例：

PHP Code Example

This line is highlighted.

This is an example of smart tabs.

WordPress

WordPress 2.9.2 版本发布

Zack — Wed, 17 Feb 2010 17:10:02 +0000

WordPress刚刚发布了最新版本2.9.2。这个版本只进行了一个小小的修正，早前Thomas Mackenzie指出，登入了的用户可以回收站（Trash）里看到其他会员的文章，因此WordPress团队针对这个问题进行了修正，并发布2.9.2版本。

官方公布可在这里找到。

高亮(Hightlight)显示作者回覆

Zack — Wed, 27 Jan 2010 04:55:16 +0000

高亮显示作者回覆(Comments)，让读者能快速找到作者的回覆，这个主题一早就想写，简单又实用。

找了一些资料，发现最早期大家是用作者的E-mail来判断回覆是否属于作者的，这样的问题是，如果读者知道作者的E-mail，并用这个E-mail来回覆，就会造成混淆。就像我的E-mail就是公开的放在[关于]页里，任何人都能看到，存心恶作剧的话很容易做到。

因此，发展出以作者的ID来判断是否作者回覆，这个方法解决了以上的问题，一直延用至WordPress 2.7的发布。其实，这个方法还是适用于WordPress 2.7或以上版，只是这个版本以后的WordPress提供了更容易实现这个功能的方法。

自WordPress 2.7版后，WordPress会自动为文章作者的回覆加入.bypostauthor的class，以供主题设计师用CSS对作者的回覆进行修改美化。也就是说，你不用再去判断哪一篇是作者的回覆，因为WordPress已经帮你完成了这个动作，你可以直接开始修改CSS，对.bypostauthor进行美化。你可以直接在你的CSS文件的comment方面的代码后面(或直接加在CSS文件的最后)，加入像如下的代码：

li.bypostauthor {

color: #FFFFFF;

background: #000000;

}

这个例子是将文字颜色改为白色，而背景色则用黑色，也就是反白的效果，只是一个简陋的演示，你可以按你自己喜欢配色或加入背景图案之类。

相对于作者的回覆，WordPress也为读者的回覆加入了.byuser的class，让你能够轻松地对用户的回覆也进行修改，具体的方法跟前面讲的作者的回覆差不多，我就不再举例了。

就这么简单，WordPress越来越方便，我们要做的事情就越来越少。只希望WordPress在往易用的方向发展的同时，不要把自己弄得太臃肿。

设计国际化的主题: WordPress主题翻译教学

Zack — Wed, 20 Jan 2010 04:33:43 +0000

WordPress是以英文为主的网志系统，插件跟主题也是英文版为多，但随着WordPress在全球范围地流行，越来越多不同国家，说着不同语言的人加入WordPress的大家庭。会出现这一情况，其中一个原因就是WordPress本身具国际化概念的设计。WordPress本身有多国语言版本（包括简体及繁体中文），所有的插件及主题亦能轻易地被翻译成其他语言。插件及主题设计师在设计时亦应该考虑翻译的问题，本篇将讨论如何设计出适合翻译的插件或主题。

首先我们要了解WordPress所使用的翻译系统：GNU gettext。这应是目前最流行的翻译框架（Framework），尤其在开源软件的世界中，大多数支援国际化的程式都使用GNU gettext。这个系统能让程式员在编写程式时，标示出需要翻译的文字，这些文字能轻易地被提取出来，让翻译员进行翻译，翻译完成后，系统就能直接使用新语言代替程式中的文字。

要标示出需要翻译的文字，主要有以下三种方式：

__($text) : 这句程式表示$text需要翻译，然后返回翻译结果
_e($text) : 这句程式表示$text需要翻译，然后输出翻译结果到网页，相当于：echo __($text)
__ngettext($single, $plural, $number) : 当$number等于1时，使用$single的翻译，当$number大于1时，使用$plural的翻译

很明显，第三项是为了解决单复数的问题。

再来我们要想的是：哪些文字需要被翻译？答案是直接从主题或插件输出到网页的文字，而不是从数据库（如文章）或后台设定（如网志名称）取得的资料。详细的情况，你只要多试几次就会明白。

现在我们来看看实际的使用情况。最简单的情况是，我们在设计主题时，会写一句，如果找不到任何文章即输出：Not Found，之类的字样，一般的做法是：

Not Found

这两个字很明显会直接输出到网页，需要翻译，由于是输出到网页，我们使用_e()：

_e()是PHP程式码要用包住。

接着我们来看第二个例子，我们常常需要在主题中显示有多少个回覆，会使用以下程式：

程式会先判断有多少个回覆，再输出：没有回覆(No Responses)，还是一个回覆(One Response)或者多个回覆(% Responses)。这里三个回覆都需要翻译，但不是直接显示到网页，而是返回给程式使用，所以我们使用__()：

), __('One Response'), __('% Responses'));?>


还有一种情况是，我们需要将整句话翻译，但句子里包含有其他参数。例如，要显示由谁谁谁写的，我们会用：
by 
如果这里只翻译by的话，可能有些语言的句子会不通顺，就以中文来讲，我们可能想要显示：由谁谁谁撰写，之类的，加了一些文字在the_author()后面。这个时候，我们可以用以下方法：

我们通过__(‘by %s’)标示整句需要翻译，然后用PHP的printf()将the_author()插入句子中并输出到网页。
如果你要留意上面回覆部分的程式码，你发现，其实WordPress在设计就有考虑到一些单复数的问题，所以我们很少会用到__ngettext()。
在这一篇，我们讨论了怎么设计出一个适合翻译的主题或插件，下次我会写一下怎样去实作翻译。
Related Posts
进阶WordPress主题翻译技巧
如何翻译WordPress主题
使用JQuery实现WordPress多层下拉导航
WordPress的语言设定
为WordPress选择程式码显示插件



不用WordPress, 你的网志就不够专业
Zack — Sat, 16 Jan 2010 18:38:50 +0000

在网络打混了四五年，从phpBB到Discuz再到WordPress，从MySpace的崛起到Facebook到Twitter，看尽了网络的沧桑，终于决定认真地写中文网志。既然是网志，第一篇就写网志程式吧。这是我最常使用内容管理系统，也是最多人使用的网志程式，它的发明者，Matt Mullenweg，也因为它成为了超级富豪，而它，就是顶顶大名的WordPress。
WordPress是目前世界上最流行的开源(Open Source)网志程式，有了它，你就能在几分钟之内架起世界级的专业网志。由于它是开源的(基于GPL版权)，你可以免费下载，进行任何修改，基本上你可以把它用于任何地方，不管是商业还是私人用途。很多著名的企业也选择WordPress作为公司的网志系统，例如CNN。也就是说，你能够不费分毫拥有跟CNN同等级的网志系统。如果你不想或不会自行架设网站，也可以使用WordPress官方推出的网志平台WordPress.com，只要简单的注册就能免费使用，唯一的缺点就是你不能完全决定你的网址，你的网址会是：YourName.WordPress.com，其实也不错了。
WordPress最为人稍道的是它拥有非常大量的插件跟主题资源，有无数的人每天都在为WordPress撰写新的插件和主题，我也是其中一位主题设计师，目前有三个主题作品。而且插件的安装跟主题的更换只要按一下就完成，还可以在后台直接搜索网官上的插件和主题，连官网都不用上。搜索，下载，安装都在后台按几下就完成。现在的WordPress还有自动更新的功能，你再也不用为了安装新版本而去下载，上传，安装，还要担心资料会不会丢失，同样只要在后台按一下，你就拥有了最新的版本。由于有大量插件，你的网志可以得到几乎所有最新的功能，例如，把你的文章自动发表到Twitter上。
很吸引人吧，你也想要架设你自己的WordPress网址吧，推荐你一些网页，让你快速成为WordPress达人。

WordPress新手，从何开始

这是中文的基础教学，从WordPress的简介到安装，再到设定等都有涵盖到，适合刚接触WordPress的朋友。
我爱水煮鱼

这是大陆知名的WordPress网志，从技术到主题介绍都有讨论到，想要学WordPress主题设计的朋友，可以看这里最新的WordPress主题设计教学。
cn.wordpress.org / tw.wordpress.org

这两个分别是简体跟繁体的官方网站，仅提供简体跟繁体版本的下载和WordPress最新的消息，更多的资源就要到英文的官方网站了。

在澳门似乎较少听到有人讨论WordPress，大概是因为自行架设网志的澳门人少之又少吧，如果你对WordPress有兴趣，欢迎与我交流。
Related Posts
为WordPress选择程式码显示插件
WordPress 2.9.2 版本发布
高亮(Hightlight)显示作者回覆
设计国际化的主题: WordPress主题翻译教学
我第二个WordPress主题：BlacknWhite


我第二个WordPress主题：BlacknWhite
Zack — Sat, 04 Apr 2009 03:22:37 +0000
BlanknWhite WordPress Theme
WordPress主题: BlacknWhite

主题作者: Zack

主题分类: 两栏主题

主题属性: 两栏主题, 固定宽度, 支持Widgets, 右栏, 白色, 黑色
这是我设计的第二个主题，参加了l.m.orchard 的网志来的设计，加入了一些小图标来加强可观性，简洁又有点专业的感觉，适合程式员之类要写代码的网志．
这个主题已经被WordPress的官方主题目录（Theme Directory）收录了．最初版的BlacknWhite有一Bug就是在文章页面（Single.php）侧栏（Sidebar）会被挤到最下面，下面的下载已经修正，只是官方主题目录那边不提供更新功能，所以官方的版本和预览还会有这个问题存在：
预览：BlacknWhite

下载：BlacknWhite

BlogG.hk下载：BlacknWhite（国外空间）
Related Posts
我第一个WordPress主题：Gray Lines
为WordPress选择程式码显示插件
WordPress 2.9.2 版本发布
高亮(Hightlight)显示作者回覆
设计国际化的主题: WordPress主题翻译教学


我第一个WordPress主题：Gray Lines
Zack — Fri, 03 Apr 2009 06:52:42 +0000
Gray Lines WordPress Theme
WordPress主题: Gray Lines

主题作者: Zack

主题分类: 无图主题, 两栏主题

主题属性: 两栏主题, 固定宽度, 支持Widgets, 右栏, 白色
这是我的第一个WordPress主题，定名为Gray Lines，主体以灰色线条划分各个区隔，设计简洁，清新。两栏式设定，支持Widgets.
谢谢Small Potato的教学，欢迎大家给我一些意见。
下载 : Gray Lines WordPress Theme

BlogG.hk下载 : Gray Lines WordPress Theme(国外空间)
*后来我也制作了这个主题的三栏版详细请看这里，下载地址：
下载：Gray Lines 3 WordPress Theme

BlogG.hk下载 : Gray Lines 3 WordPress Theme(国外空间)
谁在使用这个主题：
如果你的WordPress正在使用这个主题，欢迎在下面的评论告诉我，我会把你的网志连结列出。
Related Posts
我第二个WordPress主题：BlacknWhite
为WordPress选择程式码显示插件
WordPress 2.9.2 版本发布
高亮(Hightlight)显示作者回覆
设计国际化的主题: WordPress主题翻译教学