前几天我曾经写过一篇介绍为WordPress增加一个友情链接页面的文章，细心的童鞋会发现，按文章中的方法制作的友情链接页面会与Melody中的有一点点不一样，Melody中的友链前会显示网站的Favicon，这是因为我对列出wp友链的wp_list_bookmarks函数进行改写，做了一个my_list_bookmarks函数，这种方法是在刚建站时发现的，也忘了是从哪位大师那里学会的，由于代码长达100多行，因此没有跟大家介绍。
今天偶尔在万戈童鞋里发现了一个好方法，用jQuery实现了同样的效果，代码却只有简单的几行，还减少了php查询次数，出于对jQuery的热爱（Melody中有不少效果就是用jQuery实现的），我马上实践一下，效果灰常的好。
具体实现步骤分两步：
1.加载jQuery库，可以直接调用google jQuery库
<script type="text/javascript" src="http://gapis.geekzu.org/ajax/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
1.加载jQuery功能代码，注意jQuery闭合
$(".linkpage a").each(function(e){
$(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
});
$(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
});
这段jQuery的意思是遍历所有class为linkpage下所有的a标签，然后对该a标签添加img，其中是“.linkpage”需根据自己的模板更改。
顺带说说第一次使用wp3.2，感觉后台比以前快了，也好看了，虽然貌似远离了W3C标准，但还是值得使用的，尤其是不再支持万恶的ie6，表示灰常欢迎。
本文由 Kayo Lee 发表，本文链接：https://kayosite.com/add-links-page-two.html
Pingback
评论列表
我说这代码怎么有点眼熟呢，哈哈
@万戈
正是万戈童鞋的代码！
我是不是也该把友情链接页面搞一下呢
@Louis Han 不妨一试呢！
整个功能不错。
我是小白，请问这个是在哪里修改？
@尽欢 这个是放在主题的js文件里，把第二段添加到$(document).ready(function(){
});
或者$(function(){})
里。
如果主题中没有添加jquery库，则需要先添加jQuery库，Google一下会有教程！
@Kayo 怎么能知道有没有添加jq库？我加你QQ了，能给我说一下么？我对这个一窍不通，但很想实现这个效果!谢谢
@尽欢 抱歉噢，qq私用！
关于如何使用jQuery 到谷歌搜索“WordPress 添加 jquery”即可！
@Kayo 问题是我不知道我的主题有没有添加jquery
@尽欢 用Firebug或者chrome的查看元素查看一下网站有没有加载jquery.in.js
@Kayo 我加载了，但是没有反应啊，第二段代码需要修改哪里？
@Kayo 应经放了
@尽欢 嗯，我去看看，刚才的评论太长了，我删了一些，方便看！
@Kayo 你改错地方了，页面都乱了，你把友情链接的模板发到我邮箱，我改一下吧！
@Kayo 发了
@尽欢 看到你的效果了，总算搞定了
@Kayo 哈哈，感谢哈！！！
@尽欢 不客气啊，折腾了这么久，成功了便好！
@Kayo 嗯，也长知识了，总之非常感谢哈！
不懂的话挺折腾的