wordpress建立友情链接页面并自动添加favicon
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美化自己折腾吧。
效果见：友情链接
如果你的网站还没有favicon，请访问给自己的wordpress站点添加网站favicon图标
这么简单，收藏了
确实挺简单的
收了部分！
自己的id或者class怎么看!? :o
你可以在chrome或者firefox下 右键审查元素查看 不行就右键 查看源码 找到指定的id或者class
我的意思是看什么地方的ID 看我友链页面的ID吗 0.0
就是包含你的链接所对应的id或者class 你可以看我的友链页面的 我添加的id就是link class是entry-content 但class是通用的 不能哪来用 就用id作为判断了 往这个id下面的所有a便签添加favicon的功能
:mrgreen: 好的 多谢了 我去慢慢折腾折腾
:???: :???: :???: 为什么我的添加之后图标是这样显示的 怎么解决呀 http://www.qunxiachen.com/links
你的.entry img添加了box-shadow属性了 所以有阴影
:!: 杯具 还是不搞这个图标样式好了
.postcon .entry img{box-shadow:none;-webkit-box-shadow:none}
这句代码是干什么用的?
其实你的js的class选取应该是 .postcon ul li a
这个.postcon改了 去阴影能不能让他只去除友链页面的图片阴影!? 我这个全部去除的话 我文章里面的图片就不好看了
.postcon .entry a img{box-shadow:none;-webkit-box-shadow:none} 即可 也就是带连接的图片都去除阴影 不带链接的图片不去除 你可以单独加载links页面去
不带链接我的图就不能放大了…. 怎么单独加载links页面 刚刚试了放几个地方都没效果呀 :!:
去除阴影
:cry: 我也想弄，不会啊，看不懂
谷歌被屏蔽了啊，有没有可用的接口啊？
刚在上面加了dnspod的接口，你可以试试