WordPress友情链接底部横排调用方法及教程

本文介绍了在WordPress中实现友情链接横排显示的方法:首先在footer.php添加代码调用链接列表,然后在CSS文件中定义blog-roll样式控制宽度、边距和浮动布局,最后使用is_home函数限定链接仅在首页显示。通过调整CSS可适配不同主题样式。

文章作者:
阅读时间: 4 分钟
更新时间:2025年11月13日

第一步

打开我们的FOOTER.PHP底部模板文件,这需要根据不同的主题,一般都是这个名词,在合适的位置添加下面的代码:

  1. <div id=“blog-roll”><?php wp_list_bookmarks(‘title_li=&categorize=0’); ?></div>

第二步,定义blog-roll CSS样式,打开CSS样式文件添加:

  1. #blog-roll {width: 908px;padding:15px;margin:0 auto;}
  2. #blog-roll ul {float:left;margin:0px;}
  3. #blog-roll li {list-style:none;width:75px;margin:0px10px10px10px;float:left;}
  4. #blog-roll a {color: #9FB47E;text-decoration: none;}

第三步

刷新一下看看是不是友情链接横排显示,然后根据不同的主题背景和字体大小颜色,调整CSS即可实现。
最后,如果只想让友情链接首页显示,用IS_HOME函数定义即可实现:

  1. <?php if ( is_home() ) { ?>
  2. <div id=“blog-roll”><?php wp_list_bookmarks(‘title_li=&categorize=0’); ?></div>
  3. <?php }?>

就这样,非常简单的就可以实现友情链接的横排样式。你也去试试看吧。

这篇文章有用吗?

点击星号为它评分!

平均评分 0 / 5. 投票数: 0

到目前为止还没有投票!成为第一位评论此文章。

在AI工具中继续讨论:

曾凤祥

曾凤祥

WordPress技术负责人
WordPress 开发与企业建站领域 10+ 年实践经验,长期专注于外贸独立站、企业官网的性能与 SEO 优化,累计服务企业客户数百家(含制造、贸易、科技等行业)

相关文章

无论你是否已有网站,我们都能帮你把线上业务推上新高度

无论什么行业,都能快速拥有专业网站:

无论什么行业,都能快速拥有专业网站:

展示型官网 / 品牌站 / 外贸独立站,均有成熟模板与定制方案
无需懂代码:可视化编辑+我们指导,轻松启动 → 快速上线,抢占先机​
结构清晰、利于SEO与后期运营,降低长期维护成本

立即查看建站方案
网站加载慢、跳出高、询盘少?

网站加载慢、跳出高、询盘少?

老旧体验与技术隐患会直接拖累获客与转化。
我们提供:网站全面诊断 → 速度/安全/结构优化 → 可持续运维支持(技术+策略),让网站真正成为您的业务增长工具,而不只是“线上门面”。

马上获取专属优化方案
微信联系
chat 扫码联系
模板建站
挑选模板
网站定制
免费诊断
咨询热线
咨询热线

189-0733-7671

返回顶部