为WordPress增加友情链接页面之二

前几天我曾经写过一篇介绍为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://ajax.googleapis.com/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://', '' )+">");
});

 

这段jQuery的意思是遍历所有class为linkpage下所有的a标签,然后对该a标签添加img,其中是“.linkpage”需根据自己的模板更改。

 

顺带说说第一次使用wp3.2,感觉后台比以前快了,也好看了,虽然貌似远离了W3C标准,但还是值得使用的,尤其是不再支持万恶的ie6,表示灰常欢迎。

本文由 Kayo Lee 发表,本文链接:http://kayosite.com/add-links-page-two.html

评论列表

  • 评论者头像
    回复

    我说这代码怎么有点眼熟呢,哈哈

  • 评论者头像
    回复

    我是不是也该把友情链接页面搞一下呢

  • 评论者头像
    回复

    整个功能不错。

  • 评论者头像
    回复

    我是小白,请问这个是在哪里修改?

    • 评论者头像
      回复

      @尽欢 这个是放在主题的js文件里,把第二段添加到$(document).ready(function(){
      });
      或者$(function(){})
      里。
      如果主题中没有添加jquery库,则需要先添加jQuery库,Google一下会有教程!

      • 评论者头像
        回复

        @Kayo 怎么能知道有没有添加jq库?我加你QQ了,能给我说一下么?我对这个一窍不通,但很想实现这个效果!谢谢

        • 评论者头像
          回复

          @尽欢 抱歉噢,qq私用!
          关于如何使用jQuery 到谷歌搜索“WordPress 添加 jquery”即可!

          • 评论者头像
            回复

            @Kayo 问题是我不知道我的主题有没有添加jquery

            • 评论者头像
              回复

              @尽欢 用Firebug或者chrome的查看元素查看一下网站有没有加载jquery.in.js

              • 评论者头像
                回复

                @Kayo 我加载了,但是没有反应啊,第二段代码需要修改哪里?

  • 评论者头像
    回复

    @Kayo 应经放了

  • 评论者头像
    回复

    不懂的话挺折腾的

回复

你正在以游客身份访问网站,请输入你的昵称和 E-mail
:wink: :roll: :oops: :mrgreen: :idea: :cry: :?: :-| :-o :-P :-? :) :( 8-O