Corepress 主题给友情链接图标设置默认图片


共计 448 个字符,预计需要花费 2 分钟才能阅读完成。

图裂是一件很烦人的事情,但是终究是别人的图标链接,如果失效了也不应该显示图裂。

解决办法是,如果图片加载失败,给他加载本站的一个默认图标,使用 js 的 onerror 方法,如:

<img src="https://www.amjun.com/image.jpg" onerror="this.src='https://www.amjun.com/default-image.jpg'">

知道了这个以后,只需要找到 component 目录下 CP_Component.php 的 echoComponentFriendLinksTemplate 方法修改对应代码。

<!-- 原来的图片html代码 -->
$icon_img_html = '<img src="https://www.amjun.com/1485.html' . $item['icon_url'] . '">'; 
<!-- 修改后代码 -->
$icon_img_html = '<img src="https://www.amjun.com/1485.html' . $item['icon_url'] . '" onerror="this.src=\'/wp-content/uploads/2023/03/google-1.png\'">';

上面的图片地址是我放在本地的一张谷歌的图标,自行设置即可。

提醒:本文发布于650天前,文中所关联的信息可能已发生改变,请知悉!

Tips:清朝云网络工作室

阅读剩余
THE END