正在载入...

又在倒腾wordpress,无意间进入 Shawphy为之漫笔CloudreamRoss Wan四位jQuery达人制作的《jQuery 1.3 API 参考文档中文版》,粗略地阅读了一下,发现jQuery如来是如此的强大和有趣。于是,试着找找些jQuery代码了美化一下友情链接,同时也给友情链接SEO一下:

首先是给友情链接添加favicon.ico。google除了缓存我们的网页之外,还缓存网站的favicon.ico(有些网站favicon.ico图标所在目录太深了google无法缓存),因此利用jQuery调用缓存在google服务器上的favicon.ico,效果见本站:http://wentong.org/links/,代码如下:

jQuery(document).ready(function($){
$(".linkp a").each(function(e){
$(this).prepend("");
});
});

PS:其中的“.linkp”是css样式“div class="linkp"”,请根据你的wordpress主题中的css样式进行修改,下面出现的“linkp”与此相同。
如果你对jQuery比我的水平还要低的话,那么你请认真阅读下面内容:
1、把以上代码储存为“js”文件,如“mylinkspage.js”(新建一个文本文档,把上面代码复制保存,然后把文本文档的后缀“txt”改为“js”就可以了);
2、在你正在使用的wordpress主题的“header”模板的与之间添加如下代码:



这个“jquery.min.js”jQuery文件包,是调用了google服务器上面,如果你网站服务器比google速度快且流量大,那么你可以下载放在你的网站服务器上,地址改成文件实际地址。
“mylinkspage.js”是存放jQuery代码的文件,请填写实际文件地址。

第二,利用jQuery对友情链接也SEO。据说,过多的外链会招致搜索引擎的“反感”,而增加内链则会增加搜索引擎的“好感”,或者使robot.txt禁止搜索引擎搜素外链。从网上找到一个很好的方法,就是给你友情链接增加“http://wentong.org/out”等代码。也就是说,当你要把“http://www.google.com.hk”添加到你的友情链接页面时,填写的网站地址“http://www.google.com.hk”,然后使用下面的jQuery把“wentong.org/out”去掉,还原为“http://www.google.com.hk”:

jQuery(document).ready(function($){

$(".linkp a").attr("href",function(){return this.href.replace("","")});
$(".entry a[href='http://']").each(function(){$(this).replaceWith("")});

});

PS:此段代码实现的效果是,把“http://www.google.com.hk”还原为“http://www.google.com.hk”,但是在网页源代码上仍然是“http://www.google.com.hk”。也就是说,搜索引擎看到的仍然是“http://www.google.com.hk”。

最后,实施以上两种效果完整代码:

jQuery(document).ready(function($){

$(".linkp a").attr("href",function(){return this.href.replace("","")});
$(".entry a[href='http://']").each(function(){$(this).replaceWith("")});

$(".linkp a").each(function(e){
$(this).prepend("");
});

});

PS:显示favicon.ico图标需要耗费较多时间,所以要把显示favicon.ico图标的代码放在最后执行。

——以上代码都是来自网络,在此对原作者表示感谢!

本文链接:

关键词:jQuery, WordPress, 代码,

(全文完        )

Comments

哈哈,沙发有木有?!!!抢沙发快速评论

你需要 登录 才可以回复.