Xu Yiyang

全新的 RGB 2.0 Beta 1，累死我了。相对于 RGB 1.1 的改动主要包括：

• 全新的外观（说起来可的真轻松~）；
• 由 jQuery UI Tabs 和 Thickbox 支持的侧边栏，效果见本站边栏；
  其中Tabs的内容可能需要手动修改sidebar.php，可参见这份既不通俗也不易懂的注释，Thickbox 用来取代之前的滑动架子，支持 Widgets；
• 其他微调（记不清了）。

保留的功能包括：

• 自定义色彩（不喜欢暗色就自己去后台改吧。。。）；
• Sudar 的 Simple Reverse Comments（最新的评论显示在前面）；
• 自定义页眉，等等。

最后请注意这是测试版，最好有 WordPress 2.6+，有问题请给我留言或发信，虽然我不能保证什么时候来解决。

RGB Project Page

Download RGB 2.0 Beta 1

Update 08-02-2008:

• 修正无法显示thickbox关闭按钮的问题；
• 修正侧边栏分页导航在当前分页没有子页面时没有被隐藏的问题；
• 修正对thickbox.css的错误引用。

Update 07-27-2008:

• 改进的评论区域：评论区域背景替换为PNG图片，优化了针对不同情况下Thickbox评论框的样式；
• 文章日期部分长度不再固定；
• 清理了functions.php, sidebar.php, style.css里的冗余代码。

IETester是来自DebugBar的一款整合了IE5.5-IE8 beta1引擎的免费浏览器，支持在独立的标签页中开启不同版本的IE，这比Multiple_IE要方便很多，并且，最重要的是，IETester在Vista下运行良好，像我这样的Vista控终于可以在测试网页时摆脱虚拟机的束缚了。

IETester仍然处于Alpha测试阶段，问题多多，不过仍然不能阻止它成为我眼中的神器~我真的等这类软件等了快两年了…

更多信息请去DebugBar 官方页面。

真的很遥远了，那些可以不顾耳朵开大音量的日子，偶尔翻出来看看，只是因为怀念。

有一阵听得很泛，但只有真正喜欢的才买，一般引进版优先，没有的才会考虑原版，毕竟太贵。今年只订了一张《Viva La Vida》。

我接触到的一些人，很极端，所以U2是很少被喜欢的。后来我发现，摇滚其实是很私人的东西，索性就不接触了。

你一定知道自己为什么喜欢Linkin Park。

呃，其实是先听惯了Radiohead…，然后就喜欢上了Coldplay，虽然没什么逻辑可言-_-。

大概是世界上最好听的“噪音”。不过毕竟已经不是小青年了，还是收起来吧。

jQuery UI Tabs 是一个强大而易用的 jQuery 插件，我无意详细的介绍它，本文只涉及本站当前 WordPress 主题侧边栏中 UI Tabs 的一些简单应用。建议事先阅读相关文档： jQuery UI Tabs/Tabs 3 或 jQuery JavaScript Library 里的 UI/Tabs。

首先，在主题的 header.php 中调用 jQuery 和 UI Tabs，比如（假定所需文件被上传至“主题目录/js/”）：

<script src=”<?php bloginfo(‘template_directory’); ?>/js/jquery.js” type=”text/javascript”></script>
<script src=”<?php bloginfo(‘template_directory’); ?>/js/ui.tabs.pack.js” type=”text/javascript”></script>
<script src=”<?php bloginfo(‘template_directory’); ?>/js/ui.tabs.ext.pack.js” type=”text/javascript”></script>

当然你也可以使用 wp_enqueue_script() 来调用 WP 自带的 jQuery 以保证同 WP 插件的兼容性。在 header.php 中，<?php wp_head(); ?> 之前，加入如下代码：

<?php wp_enqueue_script(‘jquery-ui-core’); ?>
<?php wp_enqueue_script(‘jquery-ui-tabs’); ?>

并按照 UI Tabs 所要求的格式（$(‘#example > ul’).tabs();）根据自己需要添加相关代码，比如我是这么写的：

<script type=”text/javascript”>
jQuery.noConflict();
jQuery(function() {
jQuery(‘#sidebar > ul’).tabs({ fx: { opacity: ‘toggle’ } });
});
</script>

然后，根据文档要求修改你的 sidebar.php 即可。如果你想要在不同页面的侧边栏显示不同的 Tabs，这里有一个非常简单的应用，可以参考下面的代码：

<div id=”sidebar”>
   <ul>
    <li><a href=”#tab-1″>Comments</a></li>
    <li><a href=”#tab-2″>Latest</a></li>
    <li><a href=”#tab-3″>Tags</a></li>
    <?php if(is_home() && !is_paged()) { //前三个Tabs分别显示评论、文章和标签，第四个Tab在首页显示友情链接 ?>
    <li><a href=”#tab-4″>Friends</a></li>
    <?php } if(is_single()) { //第四个Tab在单篇汇整页面显示基于 Simple Tag 的相关文章 ?>
    <li><a href=”#tab-4″>Related</a></li>
    <?php } if(is_archive()) { //第四个Tab在存档页面显示按月汇整 ?>
    <li><a href=”#tab-4″>Monthly</a></li>
    <?php } //第四个Tab分页显示页面导航
          global $notfound;
          if (is_page() && ($notfound != ‘1′)) {
          $current_page = $post->ID;
          while ($current_page) {
          $page_query = $wpdb->get_row(“SELECT ID, post_title, post_status, post_parent FROM $wpdb->posts WHERE ID = ‘$current_page’”);
          $current_page = $page_query->post_parent;
          }
          $parent_id = $page_query->ID;
          $parent_title = $page_query->post_title;
          if ($wpdb->get_results(“SELECT * FROM $wpdb->posts WHERE post_parent = ‘$parent_id’ AND post_status != ‘attachment’”)) { ?>
    <li><a href=”#tab-4″>Subpages</a></li>
    <?php } } ?>
   </ul>
   <div class=”tabs”>
    <div id=”tab-1″>
     <h4>Comments</h4>
     <ul><?php if ((function_exists(‘get_recent_comments’))) { get_recent_comments(); } //评论 ?></ul>
    </div>
    <div id=”tab-2″>
     <h4>Latest</h4>
     <ul><?php wp_get_archives(‘type=postbypost&limit=10′); //最新文章 ?></ul>
    </div>
    <div id=”tab-3″>
     <h4>Tags</h4>
     <?php st_tag_cloud(”); //Simple Tag 标签云 ?>
    </div>
    <?php if(is_home()) { //第四个Tab在首页显示友情链接 ?>
    <div id=”tab-4″>
     <ul><?php wp_list_bookmarks(); ?></ul>
    </div>
    <?php } if(is_single()) { //第四个Tab在单篇汇整页面显示基于 Simple Tag 的相关文章 ?>
    <div id=”tab-4″>
     <?php st_related_posts(‘number=10&title=&include_page=false&xformat=<a href=”%permalink%” title=”%title% (%date%)”>%title%</a>’); ?>
    </div>
    <?php } if(is_archive()) { //第四个Tab在存档页面显示按月汇整 ?>
    <div id=”tab-4″>
     <h4>Monthly</h4>
     <ul><?php wp_get_archives(‘type=monthly’); ?></ul>
    </div>
    <?php } if (($wpdb->get_results(“SELECT * FROM $wpdb->posts WHERE post_parent = ‘$parent_id’ AND post_status != ‘attachment’”)) && is_page()) { //第四个Tab分页显示页面导航 ?>
    <div id=”tab-4″>
     <h4>Subpages</h4>
     <ul>
      <?php wp_list_pages(’sort_column=menu_order&title_li=&child_of=’. $parent_id); ?>
      <?php if ($parent_id != $post->ID) { ?>
      <li><a href=”<?php echo get_permalink($parent_id); ?>”>Back to <?php echo $parent_title; ?></a></li>
      <?php } ?>
     </ul>
    </div>
    <?php } ?>
   </div>
</div>

代码已注释，就不再另行说明了，最后修改样式表，使 Tabs 的样式符合主题风格。

这里提供的是 Unnamed 1.23 以及 RGB 1.1 的 po 文件，里面的条目尚未被翻译，需要自行翻译生成 mo 文件后使用。

知道自己如何动手的肯定就不用我多说了，不知道如何翻译或者使用的也许可以问那些愿意翻译的朋友要一份，我个人实在是没精力又做设计又写代码又解答问题又做汉化了，因为我不久之后又要闭关准备新考试了。

如果你真的喜欢这些完全依靠一个普通学生的持续数年的热情和韧性做出来的 WordPress 主题，你不妨考虑做一点贡献，这些贡献可能永远不会为你带来实际上的利益，但是确实能使我们的网络看起来更加美好一些。

下载 Unnamed 本地化文件

下载 RGB 本地化文件

Update: 来自 成为查理·唐 的 RGB 中文包，感谢 Charles 的翻译（本人未作测试，如果有任何问题请去作者站点：）