SimpleDark

The Screenshot of Theme SimpleDark

简介

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

[在线演示]

下载

从 Google Code 下载最新版 SimpleDark

功能列表

  • 生成@回复链接

    @ Reply

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

    Suspended Comment

  • 评论与引用通告分离显示
  • AJAX 提交评论
  • AJAX 翻页 (文章列表、文章内容、评论)
  • AJAX 搜索
  • 将 Protected / Private 信息从文章标题中去除,显示在文章右上角

    Post Meta

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

    Navigation Menu

  • 嵌套评论

    Thread Comments

  • 表情选择菜单

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

  • 评论编辑

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

  • Post Format 功能支持

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

插件支持

  • WP-PostViews

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

  • WP-RecentComments

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

    Recent Comments

  • WP-Syntax

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

    Code

  • WP-PageNavi

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

    PageNavi

  • Paginator

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

    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 自身的简体中文包以打到最完美的汉化效果。

致谢

使用指南

启用图片博客标题

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

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 日。

Comments (460)

  1. Yun  / Reply

    那个,评论表情消失?是怎么回事?

  2. Yun  / Reply

    @Yun
    已经解决,是Wordpress自身的设置问题,就是没搞清楚怎么好好的丢失了设置。

  3. ou  / Reply

    博主你好,我使用的主题是googlecode上的1.3.2版本,我把wp-syntax升级到最新的1.0版本后,plugin-support/wp-syntax.php里的判断

    if(function_exists('wp_syntax_highlight'))

    失效了(好像是新版的wp-syntax里去掉了这个函数)。

    请问一下这个要怎样修改?谢谢。

    ps:博主可以更新一下wp官网上的版本。

  4. Tony  / Reply

    @ou
    我也遇到了这个问题,原来的 wp_syntax_highlight 函数改名成了 highlight ,去掉if判断或者改成类判断 if(class_exists( 'WP_Syntax' )) ,勉强可以解决问题。

  5. Lucie  / Reply

    Hi Justice,

    first of all thank you for a great design! Everything works just fine up to this moment. If you look at the page "news" I can't add pic, videos, media for some reason. This issue is only on this page. Would you look at that and help me to sort it out?

    Thanks a lot

    Lucie

  6. 洛克王国  / Reply

    求助,关于分享插件的
    您的每个文章后面的推特,新浪,腾讯分享怎么设置/
    我是新手,求赐教

  7. 娃娃  / Reply

    按照你在最后说明的,自己做的图片LOGO显示出来了,可是问题来了,光标移到LOGO上会一闪一下隐藏起来。。。移开光标才能显现LOGO,博主请问这是什么情况??

  8. 娃娃  / Reply

    着急啊

  9. Alex  / Reply

    Hi! Great theme SimpleDark thank you!

    I noticied thar after installing worpdress plugin Category Grid View Gallery - stops work SimpleDark pop up menu. Creaters of Category Grid View Gallery ar not a on line, please coul you help?

  10. Www.Baiseuses.Biz  / Reply

    Mɑgnifique article : comme d'hab

1 14 15 16

Leave a Reply

Allowed Tags - You may use these HTML tags and attributes in your comment.

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

 :wink:  :-|  :-x  :twisted:  :)  8-O  :(  :roll:  :-P  :oops:  :-o  :mrgreen:  :lol:  :idea:  :-D  :evil:  :cry:  8-)  :arrow:  :-?  :?:  :!: