wordpress建立友情链接页面并自动添加favicon

2013年09月07日 | 分享 | 21条评论

wordpress在之前的更新中去除了链接管理页面了,很多博友对这个都不是很适应,然后都通过代码把这些功能添加回去。

在主题functions添加一下代码即可找回链接管理功能

add_filter( 'pre_option_link_manager_enabled', '__return_true' );

但是我基本不用这个功能,我一直都是直接把友链写进主题的,但是这样造成了一个问题,就是像其他博友一样,在新建的页面中调用友链显示就没内容了,只能手动添加,但这也比较符合我的习惯。

下面就说下如何手动添加友链页面了。

复制一份自己主题的page.php并命名为links.php,并编辑文件,在最顶部加上下面这句代码

<?php  /* Template Name: links */ ?>

然后新建一个页面,选择模板为刚才新建的links。

把要添加的友链像平时发布文章一样编辑。

下面就是往链接自动生成favicon了,其实很简单,一句js就能搞定

(ps: 鉴于各种墙 故google api已挂、etfv貌似也不行了,就用dnspod的吧)

<script type="text/javascript">
$("#links 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://g.etfv.co/"+this.href+">");
            $(this).prepend("<img src=http://statics.dnspod.cn/proxy_favicon/_/favicon?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
        });
</script>

将上面的#link a改成你自己的id或者class,添加在刚才新建的links.php里面就行了。

当然如果像链接页面好看些,就得自定义css了,比如我添加了ul>li的形式,并加上了float:left的属性。各种css美化自己折腾吧。

效果见:友情链接

links

如果你的网站还没有favicon,请访问给自己的wordpress站点添加网站favicon图标

21 条评论

        1. 就是包含你的链接所对应的id或者class 你可以看我的友链页面的 我添加的id就是link class是entry-content 但class是通用的 不能哪来用 就用id作为判断了 往这个id下面的所有a便签添加favicon的功能

          1. 这个.postcon改了 去阴影能不能让他只去除友链页面的图片阴影!? 我这个全部去除的话 我文章里面的图片就不好看了

        1. .postcon .entry a img{box-shadow:none;-webkit-box-shadow:none} 即可 也就是带连接的图片都去除阴影 不带链接的图片不去除 你可以单独加载links页面去

发布评论