wordpress给首页友情链接添加图标和文字导航

2021-06-14
179次阅读
没有评论

如果使用wordpress原生的 wp_list_bookmarks() 函数可能会导致图片和链接名称只能都显示一个,因为本站刚刚就经历了这么难忘的一幕。

之后咱换了一个函数,使用  get_bookmarks 这个函数,直接调用所有的友情链接内容,之后咱们再用 php 代码来写咱们需要的规则。上面两个函数其实是一样的,两个都能调用全部的友情链接信息来给你循环使用的,我这里用的是get开头的方法。

一个网站的图标,一个网站的名称,我只是觉得光秃秃的名字不太好看。目前就先这样,后期友情链接多了我可能会按照一排多少个给弄好看点,现在先将就着了。

实现的效果:

wordpress给首页友情链接添加图标和文字导航

实现的代码:

<?php
$bookmarks = get_bookmarks('title_li=&orderby=id&categorize=0');
?>
<?php if(!empty($bookmarks)): ?>
<?php foreach ($bookmarks as $bookmark): ?>
<li>
<img src="<?php echo $bookmark->link_image ?>" alt="<?php echo $bookmark->link_name ?>">
<a href="<?php echo $bookmark->link_url ?>" target="_blank"><?php echo $bookmark->link_name ?></a>
</li>
<?php endforeach ?>
<?php endif ;?>

怎么使用:

把上面的代码放到你的主题 footer.php 文件对应的<ul></ul>之间,调用目前所有的友情链接列表。

注意:想显示ico图标请添加 高级-> 图像地址 ,原本可以使用js请求对方的ico地址,但是对方服务不稳定就不好玩了。所以还是存在本地吧。

正文结束
居烽
版权声明:本站原创文章,由 居烽 于2021-06-14发表,共计749字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码