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

技术论点 Loading... 阅读 0

如果使用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地址,但是对方服务不稳定就不好玩了。所以还是存在本地吧。

Tags:

版权声明:若无特殊注明,本文皆为《长行客》原创,转载务必保留文章来源。

本文链接:wordpress给首页友情链接添加图标和文字导航 & https://www.mxooo.cn/1108/

推荐阅读
发表评论 取消回复
表情 图片 链接 代码

分享