Js O3 Lite主题首页ajax选项卡导航的修改方法

因为这种选项卡导航栏算得上是个性化的东西，不是每个人也喜欢使用，而且每个欢喜的人也未必使用相同的选项内容，所以我一直没有把它放到主题的更新中。但如果你有兴趣试试这种效果，可以看一下下面的方法。

前提：

1. 你必需自己修改代码，没有现成的提供，我只说说方法。
2. 当然你是必需使用Js O3 Lite这个主题（下载1.5.8.2版本），下面的方法不适合其它主题。
3. 目前选项卡的效果仅同本站，我只做了四个选项卡的形式，如要增多，请自行修改。
4. 下面的修改以1.5.8.2版本为参考。

方法：

1. 打开index.php文件，删除第53~60行代码如下：
   <ul class="ui-tabs-nav">
   <?php if ( is_home() && !is_paged()) : ?>
   <li class="current_page_item"><a href="<?php echo get_settings('home'); ?>" title="back to homepage">Home</a></li>
   <?php else : ?>
   <li><a href="<?php echo get_settings('home'); ?>" title="back to homepage">Home</a></li>
   <?php endif // is_home() && !is_paged() ?>
   <?php wp_list_pages('sort_column=post_title&title_li=&depth=1&')?>
   </ul>
2. 然后在第53行添加你需要增加的标签DIV，比如我的是添加如下：
   //下面的为第二个标签
   <div id="tab-archives">
   <div class="fspace"></div>
   ***这里填写你在该标签内的调用代码，按你的要求***
   </div>
   //下面的为第三个标签
   <div id="tab-links">
   <div class="fspace"></div>
   ***这里填写你在该标签内的调用代码，按你的要求***
   </div>
   //下面的为第四个标签
   <div id="tab-contact">
   <div class="fspace"></div>
   ***这里填写你在该标签内的调用代码，按你的要求***
   </div>
3. 然后再在上面第2点新增代码后添加新的导航栏：
   <ul>
   <li><a href="#tab-content">articles</a></li>
   <li><a href="#tab-archives">archives</a></li>
   <li><a href="#tab-links">links</a></li>
   <li><a href="#tab-contact">contact</a></li>
   <li class="tabnull166"></li>
   </ul>
4. 然后在修改你的js文件，在1.5.8.2版本中需要分别修改all_classic.js和all_tabstyle.js两个文件，分别在第132行和第190行添加下面语句：
   jQuery('.hfeed-tab > ul').tabs({ fx: { opacity: 'toggle' } });
5. 至于CSS的样式代码如需修改，请使用firebug之类插件查看本站的相关样式设置，自行修改。