Warning: Use of undefined constant HTTP_USER_AGENT - assumed 'HTTP_USER_AGENT' (this will throw an Error in a future version of PHP) in /www/wwwroot/suguoer.com/zwp-gruqe on line 1
WordPress添加友情链接自动获取favicon图标-苏果儿博客
最新公告
  • 欢迎您光临苏果儿博客资源站,本站QQ/微博注册登陆即送SVIP果帝会员 立即加入我们
  • WordPress添加友情链接自动获取favicon图标

    • 满减优惠券
      1 果粒

      满5果粒可用

      全场通用优惠券

      有效期至2020-12-14 22:33

    • 满减优惠券
      5 果粒

      满15果粒可用

      全场通用优惠券

      有效期至2020-12-14 22:28

    如何为你的 wordpress 博客添加一个自动获取 favicon.ico 图标的友情链接页面?今天倡萌就和大家分享一下这个方法,来自 zwwooooo 大师的 WordPress: 带 favicon.ico 显示的友情链接自定义页面 ,效果如下图所示:

    1. 上传一个 16×16 大小的图片作为木有 favicon.ico 的网站默认 ico,把图片上传到所用主题的 images 目录下,这里示例中默认 ico 图片是 links_default.gif

    2. 复制一份你主题的 page.php,改名为 page-links.php

    3. 在 page-links.php 找到文章内容输出函数 ,在其下面加入下面的代码,注意看代码注释:

    <?php
    
    $default_ico = get_template_directory_uri().'/images/links_default.gif'; //默认 ico 图片位置
    
    $bookmarks = get_bookmarks('title_li=&orderby=rand'); //全部链接随机输出
    
    //如果你要输出某个链接分类的链接,更改一下get_bookmarks参数即可
    
    //如要输出链接分类ID为5的链接 title_li=&categorize=0&category=5&orderby=rand
    
    if ( !empty($bookmarks) ) {
    
    foreach ($bookmarks as $bookmark) {
    
    echo '<li><img src="',$bookmark->link_url,'/favicon.ico" onerror="javascript:this.src='',$default_ico,''" /><a href="','" title="',$bookmark->link_description,'" target="_blank" >',$bookmark->link_name,'</a></li>';
    
    }
    
    }
    
    ?>
    
    </ul>
    
    </div>
    

    4. 为了好看点,你可以给 page-links 这个 class 定义一下样式,可以参考一下:

    .page-links{overflow:hidden;margin:0 0 24px;padding:0;}
    
    .page-links h3{border-bottom:1px solid #bfbebe;text-align:center;margin:0;}
    
    .page-links ul{margin:0;padding:5px 0 0 0;}
    
    .page-links ul li{float:left;width:150px;line-height:16px;height:16px;margin:5px 5px 0;padding:0;list-style-type:none;}
    
    .page-links ul li:hover{background:#f2f2f2;}
    
    .page-links ul li img{width:16px;height:16px;margin:0 5px -2px 0;padding:0;border:none;}
    /

    5. 建立一个页面,别名(slug)为 links 即可。

    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长![email protected]
    2. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!
    3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
    8. 如用于商业或者违法用途,与本站无关,一切后果请用户自负!

    苏果儿博客 » WordPress添加友情链接自动获取favicon图标

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    苏果儿资源博客
    一个高级程序员模板开发平台

    发表评论

    升级SVIP果帝尊享更多特权立即升级