Lync.in

简介

SimpleDark 是一款深色背景的两栏主题。支持 AJAX 、Widgets ，支持主题选项、多语言，不依赖任何插件。

[在线演示]

下载

从 Google Code 下载最新版 SimpleDark

功能列表

• 生成@回复链接

  

• 鼠标悬浮@回复链接显示原评论 (支持跨页读取)

  

• 评论与引用通告分离显示

• AJAX 提交评论

• AJAX 翻页 (文章列表、文章内容、评论)

• AJAX 搜索

• 将 Protected / Private 信息从文章标题中去除，显示在文章右上角

  

• 顶部导航菜单横向滚动，支持一级下拉菜单

  

• 嵌套评论

  

• 表情选择菜单

  在输入框上方放置表情选择菜单，方便在评论中添加表情。
  

• 评论编辑

  未注册访客可以在前台快速编辑自己在之前 30 分钟内提交的评论。不论是否启用 AJAX 功能时，评论快速编辑功能均有效。
  

• Post Format 功能支持

  用户可以通过简单的操作，无需进行排版，就可以很轻松地创作一篇带有预定义格式的文章，其格式可以按文章的类型从预定义好的这 10 中形式中进行选择。详细介绍参见 1.3 版本的发布记录。

插件支持

• WP-PostViews

  激活插件后自动显示浏览次数。

• WP-RecentComments

  调整了插件的显示样式以适应主题，在 2.0 以下的版本中 AJAX 提交评论后可以同步刷新最新评论。

  

• WP-Syntax

  可在代码右上角显示代码语言，为部分语言调整了配色。

  

• WP-PageNavi

  调整了插件样式以适应主题。

  

• Paginator

  调整了插件样式以适应主题。

  

• WP-Sticky

插件推荐设置

• WP-RecentComments

  不显示文章标题，字数限制 = 15，头像大小 = 24 (效果参见本站)

适用版本

WordPress 2.8 及以上
WordPress 3.0 及以上

浏览器支持

已通过测试的浏览器：IE 6+ 、Firefox 3.5 、Chrome 4.0 、Opera 10.10
由于在 CSS 文件使用了 CSS hack 以及 CSS 表达式以使其能在 IE 下正常显示，故无法通过 CSS 验证。部分 CSS 3 效果仅在 Firefox 和 Chrome 下有效。主题宽度为 960px ，适合使用 1024×768 以上分辨率进行访问。

注意事项

• 暂不支持嵌套评论，建议在 WordPress 后台关闭此选项已支持嵌套评论
• 右上角导航条暂不支持显示多级菜单目前显示一级下拉子菜单

许可证

SimpleDark 以 GPL 许可证发布，您可以对其进行更改后再度发布，但仍必须以 GPL 许可证发布。

本地化

SimpleDark 自带了简体中文 (zh_CN) 语言包，你可以通过修改您的 WordPress 根目录下的 wp-config.php 文件来将其激活：在该文件中查找 "define ('WPLANG', '');" 并将其替换为 "define ('WPLANG', 'zh_CN');" 。同时您也应该安装 WordPress 自身的简体中文包以打到最完美的汉化效果。

致谢

• 主题选项部分代码来自 Philna2 ，另有部分代码来自 iNove
• CSS Reset 代码修改自 Kissy CSS Reset
• SimpleDark 的 JavaScript 代码基于 jQuery 框架，使用 Google Closure Compiler 进行压缩。

使用指南

启用图片博客标题

在 style.css (中文版为 style.zh_CN.css) 中找到下面这段代码：

#blog-name a {
    margin-left:-10px; padding-left:20px;
    font-size:24px; font-family:Verdana; text-shadow:0 0 5px #666; line-height:84px; text-decoration:none;
    height:84px;
    overflow:hidden;
 
    /* Background image start here *-/
    display:block;
    width:174px;
    background:url(images/title.png) no-repeat 0 0;
    text-indent:-3000px;
    /* Background image end here */
}
 
#blog-name a:hover {
    text-shadow:0 0 5px #999;
 
    /* Background image start here *-/
    background-position:0 -84px;
    /* Background image end here */
}

将其中的两句 /* Background image start here *-/ 最后的 "*-/" 改为 "*/" 就能将 images 目录下的title.png 作为博客标题图片显示。在 images\source 目录下，有标题图片的 PSD 源文件，用 Photoshop 修改文字导出为 images/title.png 替换默认的标题图片即可。

这篇文章将持续更新。最后更新时间：2011 年 7 月 16 日。