折腾这东西，并非是我的想法，而是我的一个客户提出来的，因为他博客（顺路帮他做下广告哦，日ip500+的牛逼时尚资讯类博客，Fashiondes.com）有点多人写作的意思，所以我就蛋疼的答应了。

第一个2B的思路，失败告终

<!–废话开始–>

　　对于is_single(“XXX”)、is_home()之类的判断函数，想必各位喜爱折腾WordPress的童鞋来说都很熟悉了，因为这常常被我们用来实现博客当前页面导航高亮，例如我的
<li <?php if ( is_home() || is_date() ) { echo ' class="current"'; } ?>>
<a href="http://leo-n.com">Home</a>
</li>
<li <?php if ( is_page('contact') ) { echo ' class="current"'; } ?>>
<a href="http://leo-n.com/contact">Contact</a>
</li>
<li <?php if ( is_page('archives') ) { echo ' class="current"'; } ?>>
<a href="http://leo-n.com/archives">Archives</a>
</li>
<li <?php if ( is_page('links') ) { echo ' class="current"'; } ?>>
<a href="http://leo-n.com/links">Links</a>
</li>
<li <?php if ( is_page('commenter') ) { echo ' class="current"'; } ?>>
<a href="http://leo-n.com/commenter">Commenter</a>
</li>
　　加入后的作用就是使对于当前页面的导航中加入一个名为current的class，然后去CSS中定义current的颜色，就能使当前页面导航高亮而区别于其他的导航。

　　所以，我就想当然的用is_author()配合php的if语句来实现所期望达到的目的，结果发现我杯具了，再仔细看了官方文档对is_author的介绍，发现是针对作者存档页面使用的，它并不能用于判断文章页面内的作者信息，所以这个2B思路被我果断抛弃，有些时候不能太想当然了，想当然的后果就不是杯具就是茶几（上摆满了的杯具）。

<!–废话结束–>

第二个思路，如愿以偿

　　接下来我只好另寻出路，最后在红军二万五千里长征精神的领导下，那个又一村终于柳暗花明了。
最终效果：

页面地址：http://www.fashiondes.com/?p=2974

使用到的函数：

the_author_meta()、the_author_posts_link()、bloginfo()、get_avatar()

获取当前文章作者的头像：
<?php
echo get_avatar( get_the_author_meta('user_email'), $size='60', $default='<path_to_url>' );
?>
获取当前文章作者邮箱：
<?php the_author_meta('user_email'); ?>
获取当前作者所发布所有文章的链接：
<?php bloginfo('url'); ?>/?author=<?php the_author_meta('ID'); ?>
获取当前文章作者的简介：
<?php the_author_meta('user_description'); ?>
　　好了，代码就是这些，写好代码后所需要做的就是通知作者去WordPress后台用户界面完善信息即可，需要说明的是，我在获取当前作者所发布所有文章链接中用了比较傻的方式实现，因为一时找不到对应的函数，所以只能像代码中写的那样拼凑出来，如果各位大侠知道的话务必留言通知我一声，先谢谢了。

　　这次做的主题可以说是一个准商业的CMS主题，是帮上海某家游戏门户网站做的，首页上全部调用分类文章，首页数据库查询次数达到了惊人的80+，May God Bless Their Server～

　　先把首页图片放出来给大伙看看把，布局什么的都是按照客户的意思做的。

　　这次也是我首次写模板后台，参照了无数模板的后台代码终于在磕磕绊绊中写出来了，也放张图给大伙看下吧。

　　汇报完毕，实在想不出还写些啥了，我还是去洗衣服吧。

　　好了，废话不多说了，上下载链接。
http://iskeee.googlecode.com/files/zxt-battlenet.zip
　　DEMO看这里：http://athere.cn/

主题释疑

　　为什么叫ZXT-Battlenet？
　　因为原作者发布的时候主题是叫ZXT，而我修改后使用了战网（Battlenet.com.cn）的背景图片，所以我就直接组合了名称。

　　主题Banner上的图片是我去年中秋节做的，所以看起来很河蟹（河蟹社会嘛，哈哈），估计99.999%的人会不用这图片，所以不用的请打开主题文件夹中的style.css，搜索#header，把

background:url("images/header.gif") no-repeat scroll 0 0 #C73A25;

删了，如果你想换张其他图片，请打开主题文件夹中的images文件夹，把header.gif替换之。

　　主题左上方的导航修改是在header.php内，请搜索#menu，然后依葫芦画瓢，注意，由于IE6实在二逼，所以，我对IE6做了hack，在IE6中是看不见左上方导航的，倔强的IE6用户不必感到疑惑。

　　主题已经内置翻页，无需再使用翻页插件。

　　主题中数据统计上一行是显示友情链接的地方，如果你不想使用，请打开index.php查找

<div id="index_links">
<div class="index_links_content">
<?php get_links('2', '<span>', '</span>', '', FALSE, 'id', FALSE, FALSE, -1,
FALSE); ?>
</div>
</div>


全部删除之，如果你想使用但却没显示出链接来，请修改

<?php get_links('2', '<span>', '</span>', '', FALSE, 'id',
FALSE, FALSE, -1, FALSE); ?>


中’2′的数字，把2修改成你想显示链接表的id，具体数字请到后台链接分类目录中查看，如果还不明白，那请把2删除。

　　哦了，暂时就说这么多，有其他问题的请留言。

<?php if ( $comment_author_email ) {echo get_avatar($comment_author_email,'64');}?>

64是表示Gravatar头像的尺寸，可以自行修改。

　　你可能会说如果我已经登入了，想回复别人的评论时却看不见自己头像，恩，这非常好办，把代码稍微修改一下即可：

<?php if ( is_user_logged_in() ) : ?>
<?php echo get_avatar('XXX@XXX.com','64'); ?>//输出电邮对于的头像，电邮地址请改为自己的
<?php else : ?>
<?php if ( $comment_author_email ) {echo get_avatar($comment_author_email,'64');} ?>//输出Cookies中的电邮对于的头像
<?php endif; ?>

这样一来就可以再你登录后看见自己的头像了。呃，代码我是放置在在评论者信息输入框下面，当然，你想把它扔到header也是可以的。

　　什么？你放置代码后评论框区域错位的像整容出院后的凤姐般惨不忍睹？请出门左拐找CSS的麻烦去吧，至于怎么找麻烦我就不多说了，既然能有颗玩Wordpress的心，那么也必须有一颗能从Google中探索出知识的心。

　　最后祝大家愚人节快乐，在整人的同时也别忘了自己也会被别人整，我可是被我们这个外教一个鸡蛋爆头了。

　　经历了多次跳票以后我终于完成了现在这个主题，从今天开始，我将恢复更新博客。对于新主题，我要感谢以下各位博友，正因为有他们的各种代码以及创意，才有了我现在这个主题。

　　Willin：Ajax回复，头像缓存”小g”，防Spam的”小墙”。
　　木木：标题点击后变Loading效果。
　　wlsy：参考了头部导航样式。

　　还有一些不明出处的创意，在此也表示感谢。

　　按照木木提供的方法，我再次悲剧的发现用在我博客上并不能正常工作，只能再次Google&百度，找到最后，终于在Xiaorsz的博客中找到个利用jQuery实现的方法，测试后工作正常，下面写点改动的地方。

　　首先，我们要编辑comments.php，在类似于：

<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1"/>

的评论者姓名输入框代码上方添加：

<?php if ( $comment_author != "" ) : ?>
<div id="welcome">
<?php printf(__('　Hi!　欢迎回来！<strong>%s</strong>.'), $comment_author) ?>
</div>
<?php endif; ?>

然后再把三个评论者姓名，电邮，网址的代码输入框用<div id="author_info"></div>包起来，到此，comments.php修改结束；

　　然后，新建一个名为inputhidden的js文件，把Xiaorsz提供的代码放进去：

$(document).ready(function() { //开始
if($('input#author[value]').length>0){ //判断用户框是否有值
$("#author_info").css('display','none'); //将id为author_info的对象的display属性设为none，即隐藏
var change='<span id="show_author_info" style="cursor: pointer; color:#2970A6;">change &raquo;</span>'; //定义change，style是定义CSS样式，让他有超链接的效果，color要根据你自己的来改，当然你也可以在CSS中定义#show_author_info来实现，这样是为了不用再去修改style.css而已！
var close='<span id="hide_author_info" style="cursor: pointer;color: #2970A6;">close &raquo;</span>'; //定义close
$('#welcome').append(change); //在ID为welcome的对象里添加刚刚定义的change
$('#welcome').append(close); // 添加close
$('#hide_author_info').css('display','none'); //隐藏close
$('#show_author_info').click(function() { //鼠标点击change时发生的事件
$('#author_info').slideDown('slow') //用户输入框向下滑出
$('#show_author_info').css('display','none'); //隐藏change
$('#hide_author_info').css('display','inline'); //显示close
$('#hide_author_info').click(function() { // 鼠标点击close时发生的事件
$('#author_info').slideUp('slow') //用户输入框向上滑
$('#hide_author_info').css('display','none'); //隐藏close
$('#show_author_info').css('display','inline'); })})}}) //显示change

保存文件。

　　接着，我们要载入jQuery框架，因为我之前添加过Willin大师的Ajax嵌套回复，已经在footer.php添加过，所以这一步我可以省略，没有添加过的童鞋可以在footer.php中加入：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

然后在下面继续添加：

<?php if ( is_singular() ){ ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/inputhidden.js"></script>
<?php } ?>

这部的先后顺序一定不能错，不然就无法成功。

　　OK，到此用jQuery隐藏回头访客资料输入框的全部操作就完成了，快试试去吧！Enjoy ！

　　再次唠叨下改动了几个地方：

　　1.去除之前透明效果，部分位置用图片产生伪透明效果。
为什么要去除透明效果？因为在IE7/8下，雅黑字体与透明滤镜有兼容问题，会产生诡异的字体模糊效果，解决办法只能是禁用滤镜或使用其他非ClearType渲染的字体，进而导致页面整体及其不协调。
　　2.对部分位置的文字添加了text-shadow属性，此效果在FireFox3.5.4中完美显示，在Chrome3.0.195.27中欠完美显示，在IE6/7/8中无效果，在其他内核浏览器中效果未知，希望各位能说说。
　　3.对评论者头像添加了box-shadow属性（从Willin大师的博客中发现的），此效果只能在Firefox中显示。
　　4.在博客副标题处添加了嘀咕消息显示，考虑到速度问题，嘀咕消息只显示在首页。
　　5.综上所述，现在博客在Firefox中显示是最完美的，哈哈。

　　再说下待修改的地方：

　　1.还未能解决文章标题再IE6下的显示缺陷，暂时只能做hack变动标题颜色。
　　2.未能解决已经成功发表过评论的评论者在下次评论时仍需重新输入姓名，电邮地址的问题。已经发现是缓存插件Hyper-Cache引起的，暂时禁用了。（表达的有点拗口）

　　唠叨结束，对于上面的两个问题，希望知道的大大能指点下，谢谢！

修改主题后，我发现了一个严重的问题，就是雅黑字体在IE7，IE8里面模糊的一塌糊涂，甚至不如宋体显示的效果好，而IE6很正常，在排除了字体大小等各种可能引发此现象的原因后，我找到了罪魁祸首——IE透明滤镜。

此时我的第一个反应就是给IE和Firefox做Hack，在网上翻了个遍后，找到了一段代码：

"\9"　例："margin:0px auto\9;"这里的"\9"能区分所有IE和FireFox；
"*"　IE6、IE7可以识别，IE8、FireFox不能；
"_"　IE6可以识别，E7、IE8、FireFox不能。

也就是说，我把字体的CSS写成这样的话：

body{
font:14px/160% 'Microsoft YaHei',Arial,宋体,Tahoma,Sans-Serif;
font:14px/160% Arial,宋体,Tahoma,Sans-Serif\0;
*font:14px/160% Arial,宋体,Tahoma,Sans-Serif;
_font:14px/160% Arial,宋体,Tahoma,Sans-Serif;
}


理论上字体在IE6，7，8里面都是显示宋体，而在非IE浏览器里面显示雅黑了，但理论终归理论，实际应用起来就出问题了，它在Firefox里面也显示宋体而没显示雅黑，真是各种诡异不断啊，最后又只能继续Google&Baidu，功夫不负有心人，我找到了一段使IE8强行使用IE7渲染网页的头部代码，柳暗花明了，在header.php里添加

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

后，各种浏览器测试结果如我所愿。

今晚终于没有怀恨入睡了。。

最后附上一点资料：

关于IE Hack：http://bbs.blueidea.com/thread-2945721-1-1.html
关于使用IE滤镜后IE7，8中雅黑字体模糊：http://hi.baidu.com/icexile/blog/item/fe768f455897222ecffca39d.html

话说每一次对主题的修改就是一次对CSS学习的过程，这不，这一次又学到了一点知识，在Firefox等对CSS规则支持良好的浏览器中，我们想实现div框体透明都会使用

opacity:

这个属性，但对于绝大部分网民使用的IE6.0或其内核的浏览器，它就不认这属性，这时，我们只能使用IE的透明滤镜

filter:Alpha(opacity=)

，但是在我使用这一属性的时候，发现它不起作用了，于是只有贯彻Google&Baidu的伟大方针，在对岸的一位朋友博客里发现了问题之所在，简单的说，加个

zoom:1

属性就能使IE滤镜发挥作用了，为什么呢？我也懒去深究。:)

就像每一次的主题修改总会出现一些莫名其妙的问题一样，这次它也如约而至了，当我在Firebug里调试侧边Recentcomments的CSS时，Firebug突然罢工了，任你怎么动任何地方的CSS时，浏览器里都不能作出反应，在高举马克思主义，毛泽东思想，邓小平理论后，我终于到达了解决问题的彼岸，原来是在我整合Recentcomments的CSS到主题CSS里面时发生了错误，原路走回后，问题解决了，说到这也顺便做个记录：

点击打开

其他也没什么能说的了，喜欢这个主题的朋友可以稍微关注下我的博客，待我完善后公开CSS。

　　基于上面这些原因，我咬咬牙，抱着用不了别人的那我就自给自足的心态开始做一个私人微博，恩，第一个问题摆在我面前了，微博程序用什么的？左Google右百度之后我发现了一个貌似有点火的微博程序PageCookery，但当我进其官网的时候，发现那网站慢的很悲剧，过了大概1分钟后，网页终于全部打开，找到程序下载链接，用浏览器下载，结果我发现这速度更为悲剧，我实在不想再看到下一个悲剧了，我放弃了使用此程序。

　　又是Google加百度后，我发现了一个WordPress的微博主题，据说是由ZXT改Hoofei （已经改用PageCookery）的微博主题。看到是Powered By WordPress我就特别激动，就把这个主题下下来准备用它上阵服役。

　　灵魂已经有了，接下来就是到帮它找个寄存灵魂的地方–空间以及帮它取个名字–域名的时候了。空间我不准备用我博客空间，因为这是国内服务器，绑域名就要备案，上次备第二个域名的时候把我老爸的身份证都用上了，这次我可不想把我老妈的也搭上了。所以，综上原因，我必须用国外的空间，随便看了下，老薛的15块美国空间速度还不错，反正也是白菜价，没多想就拿下了。再下来就是域名的事，起名这事是我最头痛的，最后我绞尽脑汁，想出了个athere，这因为单词读过初中的都知道，很简单，后缀就cn吧，反正是随便玩玩。

　　一切准备就绪，接下来的就是常规步骤，进域名面板绑空间ip，再用ftp软件上传WordPress，再把微博主题传上去，结束，一切就是这么简单。

　　再后来的就是我对这个微博主题的折腾了，我这个人有个不知是该描述为嗜好还是癖好的习惯，就是我特喜欢把别人做好的主题拿来修改，直到修改到我认为网络上没第二个相似的为止，也许你会问我我为啥不自己做一个，答案是我能力还没到。

　　下面内容是我对这主题折腾后对css的心得体会，高手们不要见笑。

fixed 可以固定背景。
filter:alpha(opacity=75) IE6的透明滤镜。
opacity:0.75 设置元素的透明度，CSS3属性。

其他学到最多的就是对这个微博的配色，我基本抛弃了原作者的配色，使用了不同灰阶进行搭配，配合半透明，效果我自己很满意。

主题已经发布，想要的请移步至WordPress 微博主题ZXT-Battlenet公开发布