使用插件(最推荐、最简单)

对于大多数用户来说,使用插件是创建友情链接页面的最佳方式,它简单、快捷,并且有现成的模板,无需编写代码。

wordpress创建独立友链网页
(图片来源网络,侵删)

推荐插件:Simple Links

这是一个功能强大且非常受欢迎的友情链接管理插件。

操作步骤:

第1步:安装并激活插件

  1. 在你的 WordPress 后台,进入 插件 > 安装插件
  2. 在搜索框中输入 Simple Links
  3. 找到插件后,点击 “现在安装”,安装完成后点击 “启用”

第2步:添加友情链接

  1. 在后台左侧菜单中,你会看到一个新出现的选项 “Links” (链接)

    wordpress创建独立友链网页
    (图片来源网络,侵删)
  2. 点击 “Add New” (添加新),开始添加你的友情链接。

  3. 你可以填写:

    • Link Title (链接标题): 显示的文字。
    • Link URL (链接地址): 对应的网址。
    • Link Target (链接目标): 选择链接是在新窗口打开 (_blank) 还是当前窗口打开 (_self),通常友情链接建议在新窗口打开。
    • Link Image (链接图片): 上传网站的 Logo。
    • Link Description (链接描述): 简单的网站介绍。
    • Link Category (链接分类): 这是关键! 你可以为链接创建分类,技术博客”、“设计资源”等,方便在页面上分组显示。

    添加完成后,点击 “Add Link” (添加链接)

第3步:创建独立的友情链接页面

wordpress创建独立友链网页
(图片来源网络,侵删)
  1. 在后台左侧菜单,进入 页面 > 添加新
  2. 给你的页面起一个名字,友情链接”、“友情链接申请”或“Links”。
  3. 在页面编辑器的下方,你会看到一个 “Simple Links” 的设置框。
  4. 你可以选择要显示哪些链接分类、排序方式、是否显示图片和描述等。
  5. 设置好后,直接 “发布”“更新” 页面。

第4步:查看效果

访问你刚刚创建的页面(https://你的网站.com/友情链接),你就会看到一个格式整齐、功能齐全的友情链接列表了!


使用 WordPress 自带的“链接”功能(无需插件)

如果你的 WordPress 主题默认支持链接功能,或者你希望使用最基础的功能,可以尝试这个方法。

注意: 很多现代 WordPress 主题默认不显示“链接”菜单,因为它是一个较旧的功能,如果找不到,可能需要稍作设置。

操作步骤:

第1步:检查并启用“链接”菜单

  1. 在后台,进入 设置 > 讨论
  2. 滚动到页面底部,确保 “允许链接通知 (Pingbacks & Trackbacks)” 是勾选状态,这通常不是必须的,但可以确保链接功能正常。
  3. 进入 设置 > 链接,你可以在这里设置全局的链接分类和显示选项。

第2步:添加友情链接

  1. 在后台左侧菜单,找到并点击 “链接”
  2. 点击 “添加新”
  3. 填写链接名称、网址,并选择或创建链接分类。
  4. 点击 “添加链接”

第3步:创建独立的友情链接页面

这个步骤和方法一的关键区别在于,你需要在页面内容中手动插入一个“短代码”。

  1. 进入 页面 > 添加新,创建一个名为“友情链接”的页面。
  2. 在页面编辑器中,将光标放在你想要显示链接列表的位置。
  3. 点击编辑器工具栏上的 “添加链接” 图标(它看起来像一个链条)。
  4. 在弹出的窗口中,不要填写任何内容,直接点击 “添加链接” 按钮。
  5. 这样,WordPress 会自动插入一个 [links] 短代码。
  6. 你可以给这个短代码添加一些参数来控制显示,
    • [links category="1"]:只显示 ID 为 1 的分类下的链接。
    • [links show_images="true" show_description="true"]:显示图片和描述。
  7. 设置完成后,“发布” 页面。

第4步:查看效果

访问这个页面,你就能看到通过短代码调出的友情链接列表了。


使用自定义模板(最灵活,适合开发者)

如果你对代码有一定了解,并且希望友情链接页面的样式完全由自己控制,可以使用自定义模板的方法。

操作步骤:

第1步:使用插件添加链接(同方法一)

仍然推荐使用 Simple Links 插件来管理你的链接数据,因为它功能强大,数据结构清晰。

第2步:创建自定义页面模板

  1. 通过 FTP 或文件管理器,访问你的主题文件夹:/wp-content/themes/你的主题名称/

  2. 复制一个现有的 PHP 文件,page.php,并将其重命名为 links-template.php(名字可以自定义,但最好有意义)。

  3. 用代码编辑器打开 links-template.php 文件。

  4. 在文件的最顶部,添加以下“模板头注释”:

    <?php
    /*
    Template Name: 友情链接页面模板
    */
    ?>

    这个注释告诉 WordPress,这是一个自定义的页面模板。

  5. 找到 the_content(); 这一行,在其前后,添加你自己的 PHP 代码来调用和显示链接。

第3步:编写调用链接的 PHP 代码

the_content(); 的位置,用下面的代码替换它,这里我们以调用 Simple Links 插件的数据为例:

<?php
// Simple Links 插件已激活,则执行以下代码
if ( is_plugin_active('simple-links/simple-links.php') ) {
    // 获取所有 '技术博客' 分类下的链接
    $args = array(
        'orderby'        => 'name', // 按名称排序
        'order'          => 'ASC',  // 升序
        'category'       => '技术博客', // 指定分类的 'slug' (别名)
        'show_images'    => true,  // 显示图片
        'show_description' => true, // 显示描述
        'target'         => '_blank', // 新窗口打开
    );
    // 调用 Simple Links 的函数来输出链接
    simple_links( $args );
} else {
    // 如果插件未激活,显示提示信息
    echo '<p>友情链接功能需要先安装并激活 Simple Links 插件。</p>';
}
?>

第4步:应用模板

  1. 保存 links-template.php 文件,并通过 FTP 上传回主题文件夹。
  2. 在 WordPress 后台,进入 页面 > 所有页面
  3. 找到你之前创建的“友情链接”页面(或者新建一个),在右侧的 “页面属性” > “模板” 下拉菜单中,选择 “友情链接页面模板”
  4. 更新页面。

访问这个页面,它就会使用你自定义的模板来显示友情链接,你可以完全控制 HTML 结构和 CSS 样式。


总结与建议

方法 优点 缺点 推荐人群
插件 最简单,功能强大,有现成样式,无需代码 插件可能增加少量负担,主题样式可能需微调 所有用户,尤其是新手
自带功能 无需安装插件,WordPress 内置功能 功能有限,样式老旧,短代码不够灵活 喜欢极简、不想安装插件的用户
自定义模板 最灵活,完全控制样式和结构,性能最佳 需要一定的 PHP 和 HTML/CSS 知识 开发者、高级用户、追求极致定制的人

对于 99% 强烈推荐使用方法一(Simple Links 插件),它完美地平衡了易用性和功能性,能让你在几分钟内就创建出一个专业、美观的友情链接页面。