Snow and Bodhi | 雪与菩提

Fluency Admin 是一款 WordPress 后台主题插件，可以改善用户的操作体验。

Fluency Admin 采用与闻名已久的 Tiger Administration 类似的布局模式：侧边栏一级导航，顶部二级导航。这样安排可以有效的利用宽屏显示器的可视空间，避免了默认主题下导航菜单过宽的诟病。从视觉效果来说，Fluency Admin 采用黑、白、灰配色，显得典雅深沉，长时间浏览也不会引起视觉疲劳。

该插件要求使用 Firefox 浏览器，并仅支持 WordPress 2.5+（WordPress 2.5 及其更新版本）。总的来讲，Fluency Admin 的制作很严谨，只是存在少许瑕疵，例如二级导航菜单过多过长（一般出现在 Settings 菜单中）会产生错位，上传图像等媒体的弹出窗口的按钮也有错位，期待作者改进之！

WordPress 插件的安装方法：

1. 首先查看所下载的压缩文件内部有没有“Readme、Install”类说明，以及插件的存放目录有无特殊性（例如某些插件必须保持在某个特定的目录之下）；
2. 按照前一点说明解压得到插件文件，并上传至你的 WordPress 安装位置的“wp-content/plugins”目录下；
3. 登陆 WordPress 后台，在 Plugins（插件）页面下找到你刚安装的插件条目，并在尾部点击 Active/激活。
4. 部分插件会在 Setting 或者 Manage 页面新增相关的内容，请注意浏览。

本文介绍了通过 WordPress Custom Fields （自定义字段）功能创建由配图和文章摘要构成的存档页面，演示页面见本博客“软件专栏”。
WordPress 存档页面包括“分类存档、日期存档、作者存档”等，首页也可以被看作是“最新存档”。
WordPress 输出文章正文有两种方式：

1. Full Text（全文）
   全文模式下可显示所有 HTML 标记、所有文章内容，除非使用“more”标签进行分割。
2. Summery（摘要）
   摘要模式下只能显示“Optional Excerpt”域的内容。“Optional Excerpt”域为空时按照文本样式输出全文，不包含图像等。
   “Optional Excerpt”域位于“Post Edit（日志编辑）”页面。

那么，如果我们想实现如下图的存档页样式该怎么办呢？

第一种方案：
使用全文输入，并在文章起始处插入文章略图，按照上图样式进行排版。之后使用“more”标签进行切断。
但是文章略图不等同于文章插图，前者放映的是该文的主旨，后者反映的是文内的细节。
第二种方案：
也就是我们要讨论的方法：使用自定义字段配合摘要输出实现存档页文章略图功能。

1. 首先在编辑日志的时候插入自定义字段（如”topicimg”），指定其值为略图的地址。
2. 在模板中使用下面的函数调用该字段以输出略图的地址：

未完待续，寻觅更为简洁的方法中

前不久，为了提高后台速度我禁用了可视化编辑器 TinyMCE，但是仅有的 Quicktags 编辑器功能稍显薄弱。在网上搜寻一番后总结一下自定制 Quicktags 编辑器按钮的方法，并为大家介绍原作者最近推出的升级版 JS Quicktags！

修改 Quicktags 按钮

Quicktags 是一款基于 Javascript 的在线编辑器，其所有代码都存储在“quicktags.js”（../wp-includes/js/quicktags.js）文件中。
首先备份原有的 quicktags.js。
分析源代码可得，添加按钮的函数为“edButton”，函数定义为：

function edButton(id, display, tagStart, tagEnd, access, open) {
this.id = id; // 按钮所在input对象的id，不可为空；
this.display = display; // 按钮所显示的文字，不可为空；
this.tagStart = tagStart; // 起始标签，可为空；
this.tagEnd = tagEnd; // 结束标签，可为空
this.access = access; // 如不需要额外的按钮“/close”进行闭合，-1
this.open = open; // 如不需要额外的按钮“/close”进行闭合，-1
}

Quicktags 按钮操作分三类：

1. 普通按钮：点击按钮插入起始标签，输入内容，点击原按钮/close按钮闭合标签；
2. 普通按钮：选定内容，点击按钮自动插入其实标签和结束标签；
3. 高等按钮：无论使用以上哪种方法插入标签，自动弹出窗口提示输入参数值，如填写图像的地址和描述。

普通按钮如：标题（<h1>-<h6>）、粗体（<strong></strong>）、有序列表（<ol><li></li><ol/>）等；
高等标签如：图像（<img … />
）、链接（…）、Footnote脚注标签（稍后介绍）。
如果添加普通标签，可以参照粗体按钮代码：

edButtons.push(
new edButton(
‘ed_bold’
,’B’
,’‘
,’‘
,’b’
)
);

如果添加高等按钮，可以参照超级链接按钮代码：

edButtons.push(
new edButton(
‘ed_link’
,’Link’
,”
,’‘
,’a’
)
); // special case
…
function edInsertLink(myField, i, defaultValue) {
if (!defaultValue) {
defaultValue = ‘http://’;
}
if (!edCheckOpenTags(i)) {
var URL = prompt(’Enter the URL’ ,defaultValue);
if (URL) {
edButtons[i].tagStart = ‘‘;
edInsertTag(myField, i);
}
}
else {
edInsertTag(myField, i);
}
}

访问了原作者Alexking的Blog之后，我找到了 JS Quciktags Editor 最新版（版本号：1.2）。除了代码的优化之外，作者丰富了可用标签，值得提及的是“Footnote”按钮。
Footnote 可以在光标处插入上角标（如：WordPress^[1]是一种Blog^[2]文章发布系统。），并且链接到文末的条目，这是对 HTML 语言中锚点的应用。对于严谨的博客文章排版者来说这是一个很便捷的功能。虽然 Footnote 并不能完成自动排序、排序纠错之类的复杂功能，但是我们又能对一款定位为“快速、轻量级”的编辑器苛求多少呢。

1. [1] [back]WordPress是一种使用PHP语言和MySQL数据库开发的开源、免费的Blog(博客,网志)引擎,用户可以在支持PHP和MySQL数据库的服务器上建立自己的Blog.
   WordPress是一个功能非常强大的博客系统,插件众多,易于扩充功能.安装和使用都非常方便.目前WordPress已经成为主流的Blog搭建平台.
2. [2] [back]blog的全名应该是Web log，中文意思是“网络日志”，后来缩写为Blog，而博客(Blogger)就是写Blog的人。从理解上讲，博客是“一种表达个人思想、网络链接、内容，按照时间顺序排列，并且不断更新的出版方式”。

在生成html文档或xml文档时要注意一下特殊字符，否则会出错。
HTML中的转义字符
HTML中<, >，&等有特殊含义，(前两个字符用于链接签，&用于转义)，不能直接使用。使用这三个字符时，应使用它们的转义序列，如下所示：

前者为字符转义序列，后者为数字转义序列。数字转为字符对应的ASCII码值。例如　& lt; font >显示为，，若直接写为则被认为是一个链接签。

需要说明的是：

• 转义序列各字符间不能有空格；
• 转义序列必须以”；”结束
• 单独的&不被认为是转义开始
• 区分大小写

另一个需要转义的字符是引号，它的转义序列为”" “或”"”

HTML使用的字符集是ISO &859 Larin-1字符集，该字符集中有许多标准键盘上无法输入的字符。对这些特殊字符只能使用转义序列。
XML转义字符
不合法的XML字符必须被替换为相应的实体。

如果在XML文档中使用类似”<” 的字符, 那么解析器将会出现错误，因为解析器会认为这是一个新元素的开始。所以不应该像下面那样书写代码:

if salary < 1000 then

为了避免出现这种情况，必须将字符”<” 转换成实体，像下面这样:

if salary < 1000 then

下面是五个在XML文档中预定义好的实体：

实体必须以符号”&”开头，以符号”;”结尾。

注意: 只有”<” 字符和”&”字符对于XML来说是严格禁止使用的。剩下的都是合法的，为了减少出错，使用实体是一个好习惯。