JQ 完善 WordPress 友链的 Favicon

发布于：电脑网络 1,207 次践踏

折腾 WordPress 的时候时间过的特别快，而且每次亲自操刀修改主题后都特别有成就感，哈哈。今天延续前两天的折腾，继续拓展 JQuery 库在 WordPress 上的应用。木木是我首要的学习对象，他对 JQuery 的了解与 WordPress 相结合应用已经先我一步，我这两天就泡在他的网站上挖我想要的 JQ 知识。

为了实现友情链接页面中带 favicon 小图标的友情链接，我写过一个用 PHP 实现此效果的教程，代码的原理很好理解，但是因为在 functions.php 中重新定义了 wp_list_bookmarks 函数，所以代码显得非常的冗长，足足有100多行。现在有了 JQuery 库，这就完全不必要了，仅需2、3行 JQ 执行代码即可搞定，而且所要遍历的标签选择更自由，还省了不少 PHP 的查询次数，爽歪歪了。

方法是从木木的《给友情链接添个 Favicon 美化美化》挖来的，简述如下：

1、加载 JQuery 库

这个是所有 JQuery 运行所必须的，你可以调用 google 托管的，也可以下载到自己的主机上调用，可取所需了。

2、载入 JQuery 执行代码

$(".linkpage a").each(function(e){
$(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
});

不多说了，懂点点英文的就应该就能大致理解这段代码的意思，最终效果可以看我的友情链接页面，和之前 PHP 实现的效果一模一样，只是方法更简单了而已。JQuery 真伟大，我喜欢。

  1. Pingback: 本站links页面更新《获取 Favicon 服务美化友情链接》 – 马龙渊'S Blog马龙渊博客 简单的生活 简单的梦想

  2. Pingback: 为WordPress增加友情链接页面之二 | Kayo's Melody

  7. Pingback: JQ 完善 WordPress 友链的 Favicon | 情丝

  9. 能详细说下这个jQuery怎么用不？
    我在看你文章前都不知道什么叫jQuery呢。 :?:
    这两天看你的个性化友情链接，刚弄 了个链接页面出来。到这一步就完全迷失了。

  32. 今天为啥这么早？！ :mad: :mad: :mad: 表情下边的那个黑框框换个颜色比较好吧！感觉灰色比较搭配 :shock: