折腾这东西，并非是我的想法，而是我的一个客户提出来的，因为他博客（顺路帮他做下广告哦，日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后台用户界面完善信息即可，需要说明的是，我在获取当前作者所发布所有文章链接中用了比较傻的方式实现，因为一时找不到对应的函数，所以只能像代码中写的那样拼凑出来，如果各位大侠知道的话务必留言通知我一声，先谢谢了。

Related Posts

• 我干什么去了?
• Wordpress微博主题ZXT-Battlenet公开发布
• 自动显示回头访客的Gravatar头像
• Hello World!
• 用jQuery隐藏回头访客资料输入框
• 博客主题再次修改

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

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

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

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

Related Posts

• 给博客文章添加作者信息
• Wordpress微博主题ZXT-Battlenet公开发布
• 自动显示回头访客的Gravatar头像
• Hello World!
• 用jQuery隐藏回头访客资料输入框
• 博客主题再次修改

　　经过一个小时的不艰苦努力，我终于把曾经放置于国内的Blog送出国了，恩，您现在所看到的不知所云已经放置于大洋彼岸的美国了，空间依然是由咱们人见人爱，花见花开的小张出品。

　　欧了，先说说咱这新空间规格：
　　

空间大小：600MB

　　600MB我能用完么？说实话，我还没这能耐。。搬家时我整理下我所有文件才100MB不到，其中还有60多MB是在DA面板中生成的备份文件，数据库？恩，那可以忽略了，才区区200多KB。
　　

空间月流量：36G

　　看见这么多流量，我瞬间就犀利哥附体了。。我现在正惆怅怎么利用它，把外链的图片都放进来么？
　　

可建站点数目：6个

　　我估计凭我这惰性是没法将它完全发挥了。

　　延迟测试（云南电信2Madsl，晚上22点30分）

正在 Ping leo-n.com [65.49.77.187] 具有 32 字节的数据:
来自 65.49.77.187 的回复: 字节=32 时间=218ms TTL=128
来自 65.49.77.187 的回复: 字节=32 时间=218ms TTL=128
来自 65.49.77.187 的回复: 字节=32 时间=217ms TTL=128
来自 65.49.77.187 的回复: 字节=32 时间=217ms TTL=128

　　看完这些数据，您也心动了吗？快来吧，现在只要99块！只要99块，您就能拥有它！前20名打进热线电话的用户，还能额外附赠小张香吻一个！还等什么？现在就赶快拿起您的电话拨打吧！（我怎么感觉我瞬间又被侯总附体了。。）
不开玩笑了，真正正宗的购买链接在这http://hengtian.org/2010/04/02/1184.html，购买前请认真横天小张，仅此一家，别无分店！

　　在此也说下WordPress搬家后更换域名的相关事宜：
从原数据库导出数据后导入新数据库，执行以下SQL命令

UPDATE wp_options SET option_value = replace(option_value, 'http://leo-n.cn', 'http://leo-n.com') WHERE option_name = 'home' OR option_name = 'siteurl'; /*修改站点url和主页地址*/
UPDATE wp_posts SET post_content = replace(post_content, 'http://leo-n.cn', 'http://leo-n.com'); /*修改文章中内部链接及附件的地址*/
UPDATE wp_posts SET guid = replace(guid, 'http://leo-n.cn', 'http://leo-n.com'); /*修改wordpress文章默认的永久链接*/
UPDATE wp_comments SET comment_author_url = replace( comment_author_url, 'http://leo-n.cn', 'http://leo-n.com' ) ; /*修改作者的评论链接*/
UPDATE wp_comments SET comment_content = replace( comment_content, 'http://leo-n.cn', 'http://leo-n.com' ) ; /*修改评论内的评论链接*/
UPDATE wp_posts SET pinged = replace( pinged, 'http://leo-n.cn', 'http://leo-n.com' ) ; /*修改TrackBack里的链接*/

并再针对旧域名做301重定向，这是非常关键的

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} !leo-n.cn$ [NC]
RewriteRule ^(.*)$ http://leo-n.com/$1 [L,R=301]

　　欧了，今天就先说到这，欢迎来自全国乃至全球各地的朋友测试速度！

　　注：订阅地址已经变为http://feed.leo-n.com

Related Posts

• Yculer主机试用感受
• Wordpress微博主题ZXT-Battlenet公开发布
• 利用jQuery改变网页元素加载顺序
• 副标题处显示嘀咕消息
• 用jQuery隐藏回头访客资料输入框
• 博客主题再次修改

　　好了，废话不多说了，上下载链接。
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删除。

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

Related Posts

• 用WordPress做了一个微博
• 用jQuery隐藏回头访客资料输入框
• 博客主题再次修改
• IE&Firefox Hack
• Gray&Green?
• 给博客文章添加作者信息

<?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中探索出知识的心。

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

Related Posts

• 给博客文章添加作者信息
• 我干什么去了?
• Wordpress微博主题ZXT-Battlenet公开发布
• Hello World!
• 用jQuery隐藏回头访客资料输入框
• 博客主题再次修改

　　结合Willin大师思路做出来的精简版：

$(document).ready(function() {
var botton='<span  style="cursor: pointer; color:#CC0033;background:#000;">点我</span>';
$('#box-botton').append(botton);
//向#box-botton内添加上面定义的按钮
$('#box-botton>p').addClass('box');//为#box-botton内的<P>...</P>内添加class=botton
$('.box').insertAfter('.botton');
//把按钮放在展开内容之前，因为默认会把按钮放在展开内容之后
$('.botton').click(function() {
$(this).siblings().slideToggle(500);return false;});
//使用siblings是为了选择全部包含class=box的段落，如果使用next或prev的话只能选择相邻的同辈元素，也就是上面的一个或下面的一个，如果存在多个段落的话就会失效。
});

　　现在这个应该算是比较完美的版本了，解决了按钮会落在展开内容下面的缺陷，但效果只有展开，如果需要更多效果，请参照后面的代码修改。

　　使用方法：在需要使用的地方用<div id=box-botton></div>包起来，如果你嫌字母太多的话，那就换个字母少的单词定义元素。

　　Demo：http://leo-n.com/demo/demo2.html

　　之前的代码如下：

$(document).ready(function() {
var off='<span class="show-box" style="cursor: pointer; color:#CC0033;background:#000;">召唤出来</span>';
var on='<span class="close-box" style="cursor: pointer; color: #CC0033;background:#000;display:none;">解散回去</span>';//定义按钮
$('#box-botton').append(on);
$('#box-botton').append(off); //向#box-botton内添加上面定义的按钮
$('#box-botton>p').addClass('box');//为#box-botton内的p标签添加class=box
$('.box').insertAfter('.show-box');
$('.box').insertAfter('.close-box');
$('.show-box').click(function() {
$('.show-box').hide();
$('.close-box').show();
//$('.box').slideDown('slow');//缓慢展开
$('.box').fadeIn(1200);//在1.2s之内渐显
//$('.box').show();//直接显示
});
$('.close-box').click(function() {
$('.close-box').hide();
$('.show-box').show();
//$('.box').slideUp('slow');
$('.box').fadeOut(1200);
//$('.box').hide();
});
});

依葫芦画瓢，如果你喜欢收缩形式（如果你能无视在IE中的缺陷的话），你就选择slideDown和slideUp，如果喜欢直来直去的话，就选择Show和Hide，想有点效果又顾虑IE缺陷的话，就用现在默认的，恩对了，还是那句话，必须加载jQuery框架，且在footer.php里加载以上代码。

　　还有，使用之前务必在模板CSS里定义.box{display:none;}，当然，这样做出来你可能会觉得很简陋，呃，那就依自己喜好在.box里面加点佐料吧。

　　特别说明下，现在代码有一个可以称为bug的地方，就是展开后按钮位置是位于展开内容下面，对访客体验有点不好，但无奈于本人水平，没找到解决办法，高手请指点一下，我将不胜感激。已经解决。

　　Demo：http://leo-n.com/demo/box.html

　　还有还有，我手上有几个淘江湖的玩偶邀请，想要的童鞋请留言，我能赠送的只限于下图显示为彩色的玩偶：

Related Posts

• 利用jQuery改变网页元素加载顺序
• 用jQuery隐藏回头访客资料输入框

　　不废话了，从Yculer的网站上看这次提供的应该是新手型的，所以我就把各项参数照搬过来了：空间600M，月流量6G，面板是CP，无限域名，子域名，电子邮件帐户，数据库账户，其他的参数可以我上传的探针：
http://blog.leo-n.cn/1d5vsaWx-1.php，再看看ping速度：

我的网络环境是云南电信ADSL2M，在我用过的国外主机里面，这个速度是我见过最快的，再来看下主机负载：

使用美国主机的好处就是我们可以和主机上的美国佬错开时间，所以，在白天负载是较低的，ftp上传下载速度基本能接近满速，这点我很满意。

　　第一次写主机评测，实在找不到写点什么，还是大家自己去感受下吧：http://blog.leo-n.cn/，感谢Yculer提供的主机。

Related Posts

• 博客搬家换名了
• Wordpress微博主题ZXT-Battlenet公开发布
• 利用jQuery改变网页元素加载顺序
• 副标题处显示嘀咕消息
• 用jQuery隐藏回头访客资料输入框
• 博客主题再次修改

　　我首先想到的方法就是把嘀咕的代码单独保存为一个php文件，加载到index.php的底部中，再利用css的绝对定位absolute把其定位到博客副标题处来显示，用top和left调整好位置后，在我笔记本屏幕上显示没有问题，但换到其他分辨率下，错位问题也就随之而来了， 具体原因请看absolute的定位原理：

元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。

所以，这个方法被否决了，Google之后，我发现了另外的一个方法，就是本文标题所述的内容：利用jQuery改变网页元素加载顺序，下面就以副标题处显示嘀咕消息为例来介绍如何利用jQuery来改变网页元素的加载顺序。

　　首先，在header.php里添加一个id为digu的空白div，例如：

<div id="digu">
</div>

接着，到index.php的<?php get_footer(); ?>下面再添加一个id为digux的div，在里面加载之前独立保存出来的digu.php，写出来大概是这个样子：

<div id="digux">
<?php include_once("digu.php"); ?>
</div>

再在下面加入本文最核心的jQ代码：

<script type="text/javascript">
$('#digu').html($('#digux').html());
</script> >

也可以写成：

<script type="text/javascript">
$('#digux').children().clone().appendTo('#digu');
</script>

这段代码基本意思就是把id为digux的内容复制到digu之中，这样我们就成功的利用jQuery改变了副标题处嘀咕消息的加载顺序，因为header.php中的digu是空白层，真正的内容是在index.php的digux之中，所以，浏览器最后加载的是digux层，这样就不会因为外部引用的js导致博客打开缓慢或打开不完全了。

　　忘了说，实现以上效果我们还需在footer.php里加载jQuery框架以及定义digux的CSS为display:none，这就不做过多说明了，之前的文中有过介绍。

　　这篇文章旨在抛砖引玉，此方法适用的范围很大，大家可以尽情发掘使用。作为一个初识jQuery的人来说，我已经被jQuery的强大征服了。

　　文中jQ代码参考自http://leeiio.me/jquery-changes-divsorder/。

Related Posts

• 用jQuery隐藏回头访客资料输入框
• 博客搬家换名了
• Wordpress微博主题ZXT-Battlenet公开发布
• 利用jQuery实现文章部分内容收缩
• Yculer主机试用感受
• 副标题处显示嘀咕消息

　　首先来介绍下什么是嘀咕，在这我就直接引用官方说明了：

嘀咕 (digu.com)，是新一代的实时博客服务，通过电脑或手机，用户可以随时随地快速记录所见所感，即时简单地了解朋友间彼此的生活片段，保持联系。

所以，我们必须先有一个嘀咕帐号，呃，帐号申请方法如下：（此处省略若干字……），帐号到手后，再去http://www.wudishow.com/处填入你的嘀咕帐号（也就是上面所述的OpenCloud帐号），依次点击创建无敌秀，嘀咕，Wodpress，JS，设置显示条数为1，再复制下面显示出的代码，此时，第一个步骤告一段落。

　　然后，打开你博客模板的header.php，在description下面粘贴复制好代码，保存。刷新下你的博客，一般情况下，你会发现效果惨不忍睹，所以，我们要在模板css里面添加：

#wudiShow a,#wudiShow_Header,#wudiShow_More {
display:none;
}

结束这一步后，你会发现效果好了一点，但什么错位之类的大家最讨厌了，所以，我们可以根据自己的情况用margin酌情调整下，此时，你的脸上应该浮现出满意的笑容了，哈哈。

　　当然，追求速度的童鞋可能有意见了，在头部加载一个JS文件会极大影响博客的整体速度，甚至会因为外部JS失效导致下面的内容无法显示，呃，其实这点我也考虑到了，什么？你想知道怎样解决？哈哈，请允许我先卖个关子，下一篇文章会做一个系统的介绍，那方法不仅仅只适用于嘀咕的显示哦。

　　最后附上我的嘀咕地址：http://www.digu.com/iske，欢迎大家踊跃跟随（就是特推的follow），你跟随我之后我也会第一速度跟随你的。: )

Related Posts

• 博客搬家换名了
• Wordpress微博主题ZXT-Battlenet公开发布
• Yculer主机试用感受
• 利用jQuery改变网页元素加载顺序
• 用jQuery隐藏回头访客资料输入框
• 博客主题再次修改

　　按照木木提供的方法，我再次悲剧的发现用在我博客上并不能正常工作，只能再次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 ！

Related Posts

• Wordpress微博主题ZXT-Battlenet公开发布
• 利用jQuery改变网页元素加载顺序
• 博客主题再次修改
• IE&Firefox Hack
• Gray&Green?
• 用WordPress做了一个微博