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

2013.09.07 分享 32738 人浏览 21 条留言

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

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

  1. add_filter( 'pre_option_link_manager_enabled', '__return_true' );

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

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

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

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

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

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

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

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

  1. <script type="text/javascript">
  2. $("#links a").each(function(e){
  3.             //$(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
  4.             //$(this).prepend("<img src=http://g.etfv.co/"+this.href+">");
  5.             $(this).prepend("<img src=http://statics.dnspod.cn/proxy_favicon/_/favicon?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
  6.         });
  7. </script>

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

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

效果见:友情链接

links

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

文章地址:https://huilang.me/wordpress-links-favicon/

“wordpress建立友情链接页面并自动添加favicon” 有 21 条评论

  1. 牛逼思维说道:

    这么简单,收藏了

  2. 尹寸说道:

    自己的id或者class怎么看!? :o

  3. 尹寸说道:

    :???: :???: :???: 为什么我的添加之后图标是这样显示的 怎么解决呀 http://www.qunxiachen.com/links

  4. 奈何说道:

    :cry: 我也想弄,不会啊,看不懂

  5. 百家说道:

    谷歌被屏蔽了啊,有没有可用的接口啊?

回复本文

电子邮件地址不会被公开。 必填项已用*标注

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif