方法一：批量导出访客的 URL进行回访

正如上文所说，一般访问都会填写自己的 URL，日积月累下来，数据库里肯定存了很多访客的 URLS。并且都在 wordpress 数据库的 wp_comments 数据表里，既然知道自己想要的数据存在数据库的什么位置，要把它们给筛选出来就显得简单多了。看下面的代码。只要复制并修改代码中中文文字提示部分并保存到 .php 的文件里然后放到自己的服务器上打开即可获得全部访客的 URLS。

<?php
$conn = @mysql_connect("Mysql服务器地址，一般都为localhost","数据库用户名","数据库密码") or die("Datebase Could not be connected: " . mysql_error());
mysql_select_db("Mysql数据库名字", $conn);
$result = mysql_query("SELECT DISTINCT comment_author_url , comment_author FROM wp_comments WHERE comment_author_url != '' AND comment_author_url != 'http://'", $conn);  // 排除没有填写 URL 的数据
while($row = mysql_fetch_array($result)) {
echo $row["comment_author"]."   ";
echo "<a target='_blank' href='";
echo $row["comment_author_url"];
echo "'>";
echo $row["comment_author_url"]."<br /><br />";
echo "</a>";
}
mysql_free_result($result); 
 
?>

为了更方便阅读和查看，我另外筛选出了对应的评论者名字，并且给每条 URL 加上了 a 标记以便直接点击查看。当然，如果comment_author_url , comment_author后面再加一条筛选条件变成comment_author_url , comment_author,comment_author_email,然后配合wordpress 的 get_avatar( 邮件地址, ‘头像大小’ )就可以输出更直观的带头像的列表了(这种方法的话得配合wordpress运行不能单独运行，或者载入wordpress的get_avatar函数)。

方法二：批量导出访客的 email，EDM

EDM 可是个外恶的东西，不过我刚入职阿里的时候就是干设计 EDM 的行当。EDM 对于营销者来说是个利器，但是对于收邮件的用户来说无疑是个灾难，这几乎就是垃圾邮件的 “衣冠楚楚” 的一个专有名词的说法。
EDM 就是所谓的邮件营销，在你得知了一大票的用户 email 地址的时候你就可以通过群发邮件来达到营销手段。所以，谨慎使用！
一般大节日诸如即将到来的春节这个特别喜庆的日子你可以群发邮件，一般这时候人们心情比较好，不会怪你的哈=_= ||
当然，最好能有个好的内容设计，能达到更好的效果。
但是，谨慎使用不光是提醒你群发邮件可能会给收邮件人带来厌恶感之外，就是如果退信率过高，也是会被一些邮件提供商给加入 “黑名单”的，以后你发的邮件就有可能出现在别人邮箱的垃圾邮件一栏里了，所以，谨慎使用！

以下是代码，同样，复制并修改代码中中文文字提示部分并另存为.php的网页，在服务器运行访问即可。

<?php
$conn = @mysql_connect("Mysql服务器地址，一般都为localhost","数据库用户名","数据库密码") or die("Datebase Could not be connected: " . mysql_error());
mysql_select_db("Mysql数据库名字", $conn);
$result = mysql_query("SELECT DISTINCT comment_author_email FROM wp_comments WHERE comment_author_email != '' ", $conn);
while($row = mysql_fetch_array($result)) {
echo $row["comment_author_email"].',';
}
mysql_free_result($result); 
 
?>

需要注意的是，请注意保护好你的访客的隐私，所以我不建议你们把导出的email地址们直接复制粘贴到收件人一栏，因为这将直接将你的访客的email地址暴露在其余收到邮件的列表中的用户邮箱中。所以，推荐用密送，也就是 bcc。至于收件人一栏，可以填写自己的email。

名词解释：
CC 英文全称是 Carbon Copy(抄送)；BCC 英文全称是 Blind CarbonCopy(暗抄送/密送)。两者的区别在于在BCC 栏中的收件人可以看到所有的收件人名(TO,CC,自己)，而在 TO 和 CC 栏中的收件人看不到 BBC 的收件人名。
如： A 发送邮件 to B，cc to C，bcc to D
那么：A知道发送给了B，抄送给了C，密送给了D。
B知道这封是A发送给自己的，并且抄送给了C。
C知道这封是A发送给B的，并且抄送给了自己。
D知道这封是A发送给B的，并且抄送给了C，而且密送给了自己。

另外需要注意的是，如果你在安装 wordpress 的时候自己指定了表头，请修改代码中的wp_comments。

这里只是提供了两种针对博客的可行的营销方式，程序很简单，就是简单的 SQL 查询和 php 输出而已。仅是今晚心血来潮想看看我博客的访客留下的 URL 地址而进行的一系列发散，欢迎评论！

Keep busy ing！

如果你的主题还是2.7之前的无嵌套评论，并且你喜欢嵌套评论，我建议你还是趁早升级吧哈。wordpress版本号越来越大，改动也越来越大，如果以后再升级可就要越来越不容易了。正所谓与时俱进嘛。更何况我是个“新版软件控”！

至于让主题支持原生嵌套评论我这里就不介绍了，网上真的有一搜一大把的文章介绍了这个内容。

为了让评论向前兼容，所以我的嵌套评论保留了原来的@username的回复方式，哪怕哪一天我突然不想嵌套了，我也可以很快恢复原先的样式并且保留之前的完美形式(鼠标移动到@username会popup出user的原评论)！正因为继续保留了之前的@username的回复方式，所以我认为我的评论只需要采用二级嵌套就足够了，三级或者更多级的话不管是样式不好设计和控制，而且太多回复的时候很容易造成混乱的局面。二级嵌套的意义在于每一条评论表达的是评论者的核心价值观，对此的嵌套回复一般是对该条评论的回复，如果多一级成为三级嵌套，很容易就变成聊天了，确实很三级。

欢迎测试！

PS:真的是累坏了。接下来，还有一大堆别的要累坏我的事情要做。360度冰天雪地托马斯回旋45度角仰望天空直至内牛满面鸡皮疙瘩掉一地。

WordPress默认的发邮件的地址是wordpress@yourdomain.com，当然这个地址也是可以修改的。wordpress安装目录下，打开wp-includes\pluggable.php文件，搜索“wordpress@”，有两处，替换成你希望的名字就可以了。不过我们这里不讨论这个问题，虽然这个问题我也顺便说了解决方法了，相信也有不少朋友会想修改这个地址。

没错，正常情况下确实是这样的，通过 wordpress 后台发送给用户的邮件地址应该是 wordpress@yourdomain.com，可是偏偏给我碰到了不正常的情况，在我为解决之前搜索了下发现确实也有很多的朋友都有这个问题，Mail to Commenter作为一款优秀的使用广泛的插件就遭遇了这个问题。通常如果你的主机是合租性质的，并且不像 Hostmonster之类的可以通过在每个子账户根目录复制一个php.ini文件来配置的话，那么在使用 Mail to Commenter 插件通过你的 WordPress 程序发送给@user中的user的信件的邮件地址的后缀极有可能是root帐户配置的那个域名后缀。

比如我的主机是在淫荡的大猫的庙那里买的合租的 MediaTemple，root帐户配置的邮件地址是root(at)yslow(dot)info，那么我的 Mail to Commenter插件发送给每一个被我@user的user用户收到的邮件都将会显示这个邮件地址而不是我希望的默认的 wordpress@yourdomain.com或者我希望的任意一个指定的email地址。当然奇怪的是并非所有人都会碰到这个问题，所以作者也并没有完全修正这个问题。在这个YD的感冒飞扬的日子里，我留着鼻涕，打着喷嚏，打开了Mail to Commenter插件里的mailtocommenter_functions.php文件。因为本身就是插件，自然没必要请出淫荡的add_filter钩子大仙出山。邮件地址的问题无非是wp_mail()插件里面的$header变量引起的，那就找找看插件里有没有对$header的定义咯。

这里有必要对wp_mail()函数进行一些粗略简单的介绍((wp_mail()函数的更具体描述请看官方codex文档))。wp_mail()从命名方式就可以看出这个是wordpress发送email的核心函数。wp_mail()和php自带的mail()函数的参数差不多，注意它们都有对header信息的定义只不过都是可选的参数并不是必填参数，而当header参数未填写的时候，发件人也就是sendmail_from的定义就存在于php.ini里面了。

<?php wp_mail( $to, $subject, $message, $headers, $attachments ); ?>

继续回到mailtocommenter_functions.php文件。搜索header查找到了这么一段函数。

function mailtocommenter_send_email($to,$subject,$message){
	$blogname = get_option('blogname');   //获取博客名称赋值到$blogname变量里(leeiio注)
	$charset = get_option('blog_charset');
	$headers  = "From: $blogname \n" ;   //设置header里面的from为$blogname(leeiio注)
	$headers .= "MIME-Version: 1.0\n";
	$headers .= "Content-Type: text/html;charset=\"$charset\"\n";
	$to = strtolower($to);
	return @wp_mail($to, $subject, $message, $headers);
}

也就是说，这段函数将博客的名称设置成了From，难怪我的博客通过Mail to Commenter发出去的发件人都显示成了如图所示。

十分诡异，就算获取博客名称也应该是Leeiio Chaos Made@yslow.info才对，可能是其中获取参数的时候程序处理秀逗了，因为我对php也是七窍通了六窍，所以各种的缘由还有待大师来解惑。(呃，懒得去翻wordpress的函数去查原因。。)

既然如此，那么我就只好采取强硬的手段来达到我的目的了。于是修改后的函数为：

function mailtocommenter_send_email($to,$subject,$message){
	$blogname = get_option('blogname');
	$charset = get_option('blog_charset');
	$headers = 'From: Leeiio Chaos Made <no-reply@leeiio.me>' . "\r\n\\"; //指定了发件人名称以及发件人邮箱，注意<>括号之前和发件人名称用空格隔开
	$headers .= "MIME-Version: 1.0\n";
	$headers .= "Content-Type: text/html;charset=\"$charset\"\n";
	$to = strtolower($to);
	return @wp_mail($to, $subject, $message, $headers);
}

于是，如图所示。

根据我的一知半解，邮件header信息里面的From:要么是填写纯粹的邮件地址xxx@xxx.com要不是填写带<>的。但切勿只填写发件人名称，按照wordpress的wp_mail()函数处理的话，就有可能造成上图的诡异现象了。

废话一大堆，希望你们看懂了。不懂的话就在下面提问吧，本大湿会一一解答的。

题外话：现在很多的垃圾邮件都通过伪造邮件头信息来达到蒙蔽广大群众的目的，望各位火眼金睛，分辨仔细。并不是看到发件人是xxx@mircosoft.com的邮件就是微软发给你的中奖邮件，也有可能是骗子发给你的。
延伸阅读：有人用我的电子邮件帐户发垃圾邮件？

除了创建链接到不同的语言内容，被翻译的内容的 URL 地址也是极其重要的。这里有两种展示 URL 的方式：

1. 你可以提供相同的永久链接给被翻译的内容页面，然后在 URL 结尾部分添加一个标记 (例如: www.domain.com/multi-language-article/?lang=en, www.domain.com/multi-language-article/?lang=es, www.domain.com/multi-language-article/?lang=zh).
2. 被翻译的内容页面将拥有完全不同的 URL 地址。 The

因此，在你创建一个多语言网站之前，如何选择你的 URL 地址方案是另外一个要考虑的主要问题。从 SEO 的角度来看的话，拥有一个绝对不同的唯一地址将获得更大的优势。稍候，我将给你们介绍5个不同的插件来管理你的 WordPress 多语言网站。这些插件都各有利弊，因此选择一个最好最适合你需求的插件是至关重要的。

1. WPML

在我看来，WPML是最强力的WordPress多语言插件。 WPML有一个适合新手的非常完善的用户向导以及他的那些导航的设置足见其强大程度。通过管理后台的选项和配置都很多。到底有多强大呢，jinwen童鞋写过一篇文章很详细的介绍了该款插件，我就不多写了，大家可以到他的博客查看。虽然WPML很强大，但是如果你想添加一款后台默认不支持的语言，那么你会发现这并不是一件很容易的事情。举个例子，当我想要添加一个默认不支持的语言的时候，我需要用 Phpmyadmin进入管理 MySQL，然后手动添加执行 SQL 查询来实现。期待未来的版本能让这个过程变得更简单一些吧。

2. qTranslate

qTranslate 又是一个功能强大的多语言WordPress插件。它拥有WPML所没有的优势，因为他允许用户在配置页添加新的语言。在 URL 结构方面，qTranslate 提供了三种链接方案让你的 URL 地址变得更加美观且对 SEO 更友好：兼容其他插件格式的 ?lang=en 形式，简单漂亮的 /en/foo 形式 或者是漂亮简洁的子域名形式 en.domain.com。

3. ZdMultiLang

你可以在后台定义多语言以及通过你在后台管理面板添加的界面来翻译文章/标签/分类。通过后台的管理面板添加一个用户自定义的语言是一件很简单的事情。但是在添加一个新语言之前你仍需要做一些重要的检查。例如，新语言的代码以及新语言的永久链接，推荐去插件网站仔细阅读帮助。

4. Language Switcher WordPress Plugin

要想为你的 WordPress 网站配置好 language switcher 插件需要做蛮多的设置的。插件的官方网站提供了一个比较全面的用户向导，涵盖了安装，主题和插件的修改，翻译还有一些问答。推荐去仔细阅读一下。

5. xLanguage

xLanguage是一个功能齐全的插件允许你博客在不同的语言间切换。它提供对博客文章，页面，标签以及分类的翻译。xLanguage 使用标签来区分不同的语言，同样当用户选择他们要切换的语言的时候展示出用户选择的语言的内容。

这些插件提供了让你在添加文章的时候可以添加多种版本的内容的功能，如果你要做一个专业的多语言网站，自行翻译内容肯定是十分必要的，虽然 Google AJAX Translation 等一些自动翻译的插件都提供了多语言的方案，但毕竟是自动翻译的不是么，内容最多仅供参考啦。

原文来源WDB.

第二份来自 WPCandy，由 Liquidicity制成 PDF。

Wordpress Cheat Sheet 版本号：1.0 (最后更新时间：2009-07-14)

Wordpress Cheat Sheet下载389.89 kB 目前共有459次下载

WordPress Help Sheet 版本号：1.0 (最后更新时间：2007-11-02)

WordPress Help Sheet下载591.69 kB 目前共有621次下载

那么有没有方法能让每个人都能看到定义过字体的博客标题呢？第一段已经说明过，要想实现文字字体特殊样式且兼容目前的全部主流浏览器并不是一件易事，虽然说CSS 3中的@font-face属性可以定义字体样式，但是毕竟CSS 3目前并未普及，且离普及还尚有一段很长的时间，要知道，IE 6还并未有死去。

于是，就目前来说，最好的解决特殊字体样式输出的方法便是用图片输出，这款插件开发的作者就是这个想法，于是这款插件应运而生。可是由于该插件年代久远且都没有提交到WP官方插件目录，所以有什么问题可以直接给我留言，只要能帮到的我可以提供技术支持。

不用担心因此会造成对 SEO 的影响，因为原标题自动写进了图片的alt属性里面，所以，如果你不在乎那么点的图片下载，又喜欢让你的博客标题显得个性，那么就试试这款插件吧。

TTF Titles 版本号：0.4.2 (最后更新时间：2009-01-12)

TTF Titles下载134.46 kB 目前共有785次下载

iLiHei 字体 版本号：5.0 (最后更新时间：2007-08-15)

iLiHei 字体下载11.1 MB 目前共有858次下载

因为之前写过很详细的关闭/显示 你的 WordPress 侧边栏的教程了，所以请搭配前文观看。

如果你对之前的那篇文章没有理解上的困难的话，那么就开始我们的升级版之旅吧！

1.js的更新，使用这段js代码：

<script type="text/javascript" language="javascript">
$(document).ready(function(){
//SetCookies 
(function(){
function SetCookie(c_name,value,expiredays){
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+"="+escape(value)+((expiredays==null)?"":";expires="+exdate.toGMTString())+";path=/"; 
//如果你希望每个页面都有个独立的 Cookies 设置的话请去掉+";path=/"，这样的话leeiio.me/xxx/ 和leeiio.me/yyy/ 的侧边栏状态都将是独立的           
}
window['RootCookies'] = {};
window['RootCookies']['SetCookie'] = SetCookie;
//JavaScript 的命名空间，假使你已有一个 SetCookie 的函数的话将不会与之冲突，通过 RootCookie.SetCookie() 调用
})();
//Toggle Sidebar
$('.close-sidebar').click(function() { 
   RootCookies.SetCookie('show_sidebar', 'no', 1);      //设置一个名为show_sidebar的cookie,值为no,保存天数为1
   $('.close-sidebar').hide();                           //隐藏"关闭侧边栏"按钮
   $('.show-sidebar').show();                          //显示"显示侧边栏"按钮
   $('.sidebar').fadeOut(1000);
   $('#content').animate({width: "910px"}, 1000); });
$('.show-sidebar').click(function() {  
   RootCookies.SetCookie('show_sidebar', 'no', -1);       
   //设置一个名为show_sidebar的cookie,值为no,保存天数为-1,也就是说让cookies失效,也就是删除这个cookie
   $('.show-sidebar').hide();                             //隐藏"显示侧边栏"按钮
   $('.close-sidebar').show();                            //显示"关闭侧边栏"按钮
   $('#content').animate({width: "690px"}, 1000);
   $('.sidebar').animate({opacity: 1.0}, 500).fadeIn('slow');}); 
});
</script>

2.插入控制按钮

<?php if(!$_COOKIE['show_sidebar']=='no'):?>      //当Cookie为show_sidebar的值为0的时候
<li class="close-sidebar" title="关闭侧边栏">关闭侧边栏</li>
<li class="show-sidebar" style="display:none;" title="显示侧边栏">显示侧边栏</li>
<?php else: ?>                                                      
<li class="close-sidebar" style="display:none;" title="关闭侧边栏">关闭侧边栏</li>
<li class="show-sidebar" title="显示侧边栏">显示侧边栏</li>
<?php endif;?>

将这段代码插入你模板中需要显示功能按钮的地方即可！

3.设置css，当侧边栏不显示的时候，让正文区域宽度增大，侧边栏不显示

<?php if($_COOKIE['show_sidebar']=='no'):?>   
//当Cookie为show_sidebar的值为no的时候，载入一下的两个css
<style type="text/css">
#content {width:910px;}                             
//让主题部分的宽度为910px，请参照自己的blog进行调整
.sidebar {display:none;}                               
//让侧边栏不显示
</style>
<?php endif;?>

将以上这段代码插入index.php以及single.php以及page.php页面，如果你还有别的页面的话，同理插入这段代码！

如果你不想让自己的模板文件插入这些css的话，第3步还可以这样写。将第1步的js修改为如下

<script type="text/javascript" language="javascript">
$(document).ready(function(){
//SetCookies 
(function(){
function SetCookie(c_name,value,expiredays){
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+"="+escape(value)+((expiredays==null)?"":";expires="+exdate.toGMTString())+";path=/"; 
//如果你希望每个页面都有个独立的 Cookies 设置的话请去掉+";path=/"，这样的话leeiio.me/xxx/ 和leeiio.me/yyy/ 的侧边栏状态都将是独立的           
}
window['RootCookies'] = {};
window['RootCookies']['SetCookie'] = SetCookie;
//JavaScript 的命名空间，假使你已有一个 SetCookie 的函数的话将不会与之冲突，通过 RootCookie.SetCookie() 调用
})();
//Toggle Sidebar
$('.close-sidebar').click(function() { 
   RootCookies.SetCookie('show_sidebar', 'no', 1);      //设置一个名为show_sidebar的cookie,值为no,保存天数为1
   $('.close-sidebar').hide();                           //隐藏"关闭侧边栏"按钮
   $('.show-sidebar').show();                          //显示"显示侧边栏"按钮
   $('.sidebar').fadeOut(1000);
   $('#content').animate({width: "910px"}, 1000); });
$('.show-sidebar').click(function() {  
   RootCookies.SetCookie('show_sidebar', 'no', -1);       
   //设置一个名为show_sidebar的cookie,值为no,保存天数为-1,也就是说让cookies失效,也就是删除这个cookie
   $('.show-sidebar').hide();                             //隐藏"显示侧边栏"按钮
   $('.close-sidebar').show();                            //显示"关闭侧边栏"按钮
   $('#content').animate({width: "690px"}, 1000);
   $('.sidebar').animate({opacity: 1.0}, 500).fadeIn('slow');}); 
//与第1步不同的地方开始，以下是区别与第一步js的新增代码
//Get cookies Value  获取cookies的值
var cookies = document.cookie.split("; ");
function GetCookieValue(cookieName) {
    var ret = null;
    for (var i = 0; i < cookies.length; i++) {
        var leeiiocookies = cookies[i].split("=");
        if (cookieName == leeiiocookies[0]) {
            ret = unescape(decodeURI(leeiiocookies[1]))
        }
    }
    return ret
}
//判断cookies的值
if ('no' == GetCookieValue('show_sidebar')){
    $('#content').css({'width':'910px'});   
    //让正文区域的宽度设置为910px,也就是隐藏sidebar之后的可使宽度,你也可以修改为关闭侧边栏时候的动态效果
    $('.sidebar').hide();
    //让侧边栏隐藏
});
</script>

不过我还是推荐将 css 写入模板文件，因为这样通过 php 判断的话，用户看到的直接就是侧边栏已经消失了且正文宽度增大后的效果，通过 js 的话在 js 未载入完全之前页面还是先前的样子，然后侧边栏才会消失，正文也会变宽。

大功告成！代码里面加了很详细的注释了，没加注释的在前篇也都已经注释并解释过，怎么样，很 easy 吧！如果你耐心地看完了本文的话，确实是很 easy 的！jQuery 真简便啊真简便！

谢谢观赏！

首先在你的网页中你想要显示 关闭/显示侧边栏 的提示按钮或者文字，我这里就举个简单的例子，比如在你的 WordPress 模板中插入

<span class="show-close-sidebar">关闭/显示 侧边栏</span>

接着就是 jQuery 功能代码部分了，请先看以下这段代码：

<script type="text/javascript" language="javascript">
$('.show-close-sidebar').toggle(function () {
	$('.sidebar').fadeOut("fast");  //让侧边栏快速渐隐掉
	$('#content').animate({
		width:"915px"             //让正文主体部分宽度增加到915px
	},1000);                            //执行时间是1000毫秒
},
function () {
	$('#content').animate({
		width:"700px"              //让正文主体部分宽度收缩到700px
	},1000);                             //执行时间是1000毫秒
	$('.sidebar').fadeIn(3000);   //让侧边栏渐渐隐现回来，执行时间为5000毫秒
}
);
</script>

是吧，代码非常的简单，并且我做了代码格式化，大家看起来结构比较清晰点。然后我稍作讲解。

这里使用了 jQuery 中的 toggle() ，fadeIn() ，fadeOut() ，animate() 这四个函数，API参考文档可以看这个 jQuery API 参考文档在线中文版，也可以去 jQuery 官方文档看。

以上的功能代码用中文表述的意思就是当 class 为 show-close-sidebar 的元素被点击的时候，执行 toggle 函数，toggle 函数里面有两个 function ()，之所以有两个是因为要让那个被点击的元素点击第一次和第二次的时候执行不同的功能，不然你看如果把侧边栏给关了，不就无法恢复了么，您说是不是？在第一个 function () 函数里面，我先让 class 为 sidebar 的元素(就是我的侧边栏，你的侧边栏是什么 class 就替换成什么)渐隐掉，然后让 ID 为 #content 的运行 animate() 函数，animate()函数里面就是让那个 ID 为 #content 的元素宽度增加到 915px，也就是让你的正文区域扩大宽度，这不侧边栏不是被隐藏了么，当然要把正文区域增宽回来。1000 是执行的时间，单位是毫秒，你自行控制。下一个 function () 函数无非就是倒过来写，先执行让 #content 缩小然后再出现侧边栏，这样效果看起来比较自然，不然一开始侧边栏重新显示出来的时候被 #content 给遮挡了，然后#content再收缩回原来的宽度的时候，你就看不到侧边栏显示出来的那种效果了。

演示见本站顶部导航 Show/Close Sidebar。

我想这样的中文解释不知道是否给你们带来了更大的困惑，如果有不明白的就给我留言，我会一一解答。

当然，要想实现本站收缩的时候的那种抖动效果，你可以调用 Easing 插件。

jQuery 库真是个易用且庞大的 javascript 库，当然我这些都是皮毛技巧，总是想要实现什么效果了然后去 API 文档看看都有哪些效果然后再写代码，这样很不好，导致的后果就是有可能有更好的办法可以不用这么麻烦的功能函数而用一些简单的函数就能实现效果。所以我准备系统地去研究学习下 jQuery，毕竟我连 Javascript 也不会，总是这么折腾也不是个事儿，总得让自己专业点，你说是不是。

请大家继续关注本部落格，也可以 Follow 我的 Twitter，稍候我可能要放送 jQuery 的入门系列文章了，有兴趣地欢迎和我一起学习 jQuery。谢谢观赏！

又比如现在很流行将评论分页显示，那么同一个单篇文章的 URL 可能就不是唯一的一个了。之前的 http://leeiio.me/xx/ 就因为评论分页而可能产生 http://leeiio.me/xx/comment-page1 或者 http://leeiio.me/xx/comment-page2 等 URL 了，而你知道这些 URL 打开的时候页面内容几乎就是一样的，或者说是相似度极高的页面，这样搜索引擎就又可能犯迷糊地收录 http://leeiio.me/xx/comment-page1 这个地址了。

再则，内容相同但是 URL 却有很多个，SEOer 可能都知道，这样会分散页面权重。

Google 最近联合 Ask.com,微软 Live Search 和 Yahoo!一起弄出了一个标签 canonical tag，用于解决网址规范化问题。就是在 <head></head>部分添加这样一行标记代码:

<link rel="canonical" href="http://leeiio.me/xx/" />

这样的话不管是 http://leeiio.me/xx/comment-page1 或者 http://leeiio.me/xx/comment-page2，搜索引擎都将只会将http://leeiio.me/xx/ 作为规范化 URL 来收录，同时 http://leeiio.me/xx/comment-page1 以及 http://leeiio.me/xx/comment-page1 的页面权重诸如 PR 都会流向那个规范化 URL。

说了一大堆，无非就是给大家讲明白这个 canonical tag 究竟是何方神圣。更加详尽的官方说明可以查看 谷歌中文网站管理员博客。

Yoast 开发了一个 WordPress 插件 Canonical URL plugin，用来实现你的 WP Blog 的 URL 规范化，目前是 0.1 版。作者将各个分页的 URL 全部都指定规范化 URL 为首页的 URL 。例如 http://leeiio.me/page/1/ 以及 http://leeiio.me/page/2/ 等等地址都设置了规范化 URL 为 http://leeiio.me/ 。并且单篇文章以及页面文章皆有设置规范化 URL 。

当然如果你觉得诸如文章分类或者博客分页没必要设定首页 URL 为规范化 URL，而仅仅希望单篇文章页以及页面设置一个规范化 URL 的话，你可以手动添加代码。打开你的 header.php，然后在 <head> 之前添加如下代码即可。

<?php if ( is_singular() ) echo '<link rel="canonical" href="' . get_permalink() . '" />'; ?>

谢谢观赏！

靈感來自牛逼的 Shawn，他博客上面的他自己的評論都是在左側加了空心的星星，但是他的最後回覆則是綠色的星星，這樣給訪客的感覺就是作者只回覆到了這裡，或者換種理解的意思就是“已閱到這個評論”，有點類似論壇裡面可能常看到的“已閱至此樓”的插件功能。當然你也可能會覺得這個功能無足輕重，但是我覺得還是挺有意思的，可以讓訪客知道作者有多久沒來過了，因為一般來說，看到自己的博客有人評論的話肯定會先回覆的吧。

本人的 jQuery 也都是些皮毛功夫，代碼寫得不好也見笑了，歡迎批評指正。

如果還不是很明白這個功能所表達的意思的話，你可以先看看下面這個截圖。

就如截圖種的這樣，只是給某篇日誌該作者的最後評論回覆加一個標註，可以是一個圖片也可以是一些提醒文字，本文講的是用圖片來標註的。請接著往下看。

準備工作：

首先得確定你的主題中評論頁面裡面，作者的評論和訪客的評論是否具有不同的樣式，比如我的評論區域訪客的 class=”comments”，而作者的評論樣式是 class=”comments”，不然下文就不能判斷並篩選出作者的評論了。如果發現自己的主題並沒有這樣的設計，那麽你可以 google 下怎麽設計這個功能代碼，或者可以參考我提供給你的方法。

區分作者評論和訪客評論的樣式方法：
打開 comments.php 頁面，在任意処加入以下代碼(必須在評論輸出的代碼片段之前)，比如我的每一個評論都是用 li 標簽來包裹的，那麽你可以選擇加在以下代碼之前

1

<li class="<?php echo $oddcomment; ?> comments ?>" id="comment-<?php comment_ID() ?>">

修改後的代碼

1
2
3
4
5
6
7

<?php
	$isByAuthor = false;
	if($comment->comment_author_email == 'xxxxxx@gmail.com' ) {
		$isByAuthor = true;
	}
?>
<li class="<?php echo $oddcomment; ?> comments<?php if($isByAuthor ) { echo "-author"; } ?>" id="comment-<?php comment_ID() ?>">

將上面的代碼中的email地址修改為你自己的 email，代碼的作用就是判斷你填寫的 email 來區別你的評論與訪客的評論。

完成了以上的準備工作之後下面就開始進入本文的重點了。請看以下這段代碼：

1
2
3
4
5
6

<script type="text/javascript">
$(document).ready(function(){
var lastbyauthor = $('ol.thecomments').find('.comments-author:last');
$(lastbyauthor).css({"background":"#FAFAFA url(images/lastbyauthor.png) right 10px no-repeat"}).attr('name','lastbyauthor').find('div.commentcount a').attr({title:"作者最後的評論回覆"});
})
</script>

將以上的代碼加入到你模板文件的 或者 之前即可，當然你也可以加入到自己的 js文件裏。

我大致講解下這段 jQuery 代碼，我這裏定義一個變量 lastbyauthor，$(‘ol.thecomments’) 就是你的評論顯示區域的外面所包裹的標記，大部分主題都是用 ol 標記的，然後在這段 ol 所包裹著的代碼中用 find() 函數查找出最後的一個 樣式為 class=”comments-author” 的那段評論。然後對這段評論的樣式進行特殊的 css。懂的人可能看出來了我這裏還定義了一個 name 屬性，名字為 lastbyauthor，這是為了給作者最後的評論添加錨標簽用的，不用 id 是因為每一個評論都已經擁有一個數據庫生成的評述數了。

比如你可以在評論模板的任何地方添加以下代碼：

追蹤作者<a href="#lastbyauthor" style="color:red">最後的軌跡</a>!

效果：點擊後面的紅色文字追蹤作者最後的軌跡!

當然，你還需要準備一張類似如下的醒目提醒圖片：

是不是覺得很簡單。不知道對於新手的話我說得是不是夠詳細了，如果還有不明白的可以給我回復，我都將一一耐心講解回復，謝謝惠顧！