当前位置:首页 > CMS教程 > 正文

WordPress友情链接如何调用

在WordPress中调用友情链接有两种主要方法: ,1. **使用小工具**:进入“外观”>“小工具”,将“链接”小工具添加到侧边栏或页脚等区域。 ,2. **使用区块编辑器**:在文章或页面编辑时,添加“友情链接”区块(适用于较新版本)。 ,核心是确保链接已添加到后台“链接”菜单中管理。

WordPress调用友情链接的详细指南

在WordPress中调用友情链接主要有三种方式:原生链接管理器小工具调用代码直调,以下是具体操作步骤:


一、启用原生链接管理器(适用于旧版)

WordPress 3.5+ 默认隐藏了链接管理器,需通过代码启用:

  1. 打开主题的 functions.php 文件(外观 → 主题文件编辑器)
  2. 添加以下代码:
    add_filter( 'pre_option_link_manager_enabled', '__return_true' );
  3. 保存后,左侧菜单将出现 “链接”选项

二、添加友情链接

  1. 进入【链接 → 添加新链接】
  2. 填写信息:
    • URL:友链地址(如 https://example.com
    • 名称:显示文本(如“合作伙伴”)
    • 分类:创建分类(如“友情链接”)
  3. 点击【添加链接】保存。

🧩 三、通过小工具调用(推荐新手)

  1. 进入【外观 → 小工具】
  2. 找到 “链接”小工具,拖到侧边栏/页脚等区域
  3. 配置选项:
    • 选择分类(如“友情链接”)
    • 设置排序方式(按名称、评分等)
    • 勾选“显示图像”可调用Logo
  4. 点击【更新】保存。

效果:链接将以列表形式自动显示在指定位置。

WordPress友情链接如何调用  第1张


四、通过代码直调(灵活定制)

在主题模板(如 footer.phpsidebar.php)中添加以下代码:

<?php
// 基础调用
wp_list_bookmarks( array(
    'category'         => '友情链接', // 分类名称li'         => __( '' ),   // 隐藏标题
    'show_images'      => true,       // 显示Logo
    'show_description' => false,      // 隐藏描述
    'orderby'          => 'name',     // 按名称排序
) );
?>

常用参数说明:

参数 作用 示例值
category 链接分类名称/ID '友情链接'2
show_images 显示Logo true/false
limit 显示数量 10
orderby 排序方式 'rating'(评分)、'updated'(更新)
class 自定义CSS类 'my-links-class'

五、高级美化技巧

  1. 添加图标
    在链接名称前插入FontAwesome图标:

  2. 响应式布局
    添加CSS到主题的 style.css

    .linkcat ul { display: flex; flex-wrap: wrap; }
    .linkcat li { margin: 0 15px 10px 0; }
    .linkcat img { max-height: 40px; } /* 控制Logo大小 */

️ 注意事项

  1. 若小工具中无“链接”选项,请检查是否已启用链接管理器
  2. 代码直调需主题支持,修改前建议创建子主题
  3. 友链图片需在【编辑链接】→ “高级选项” 中上传

替代方案:使用插件

若需更复杂功能(如分栏、动画效果),推荐插件:

  • Link Manager(官方轻量插件)
  • Simple Links
  • WP Links Page

插件安装后,可通过短码(如 [simple-links])快速调用。


引用说明

本文方法基于 WordPress官方文档 的 wp_list_bookmarks 函数实现,适用于WordPress 5.0+版本,主题兼容性建议参考当前主题文档。

0