又一个 WordPress 友情链接插件
2025年6月7日 13:08
友情链接是众多博客之间建立联系、互通有无的重要纽带。然而，使用 WordPress 的古腾堡编辑器制作友情链接页面，效率实在太低；网上也难找到一款完全符合我需求的友情链接管理插件。放在过去，我或许就将就用了，但现在，为什么不尝试借助 AI，做一个完全符合自己需求的插件呢？
插件特色功能
- 简洁美观的友情链接展示页面：每张卡片包含网站名称、图标、描述，以及最新文章。
- 对一周内有更新文章的博客卡片，自动添加光晕动画效果。
- 后台可完整管理网站链接，支持添加、编辑、删除及拖拽排序。
- 根据设定的时间间隔，通过 RSS 自动更新博文信息。
- 支持一键导出全部友链数据。
效果预览
👉 点击查看效果
使用方法
- 前往 GitHub 下载 zip 安装包，并在 WordPress 后台的「插件 – 添加插件」中上传安装。
- 启用插件后，在后台左侧菜单中找到「Friend Links」进入管理界面。
- 填写必要信息：
- 站点名称
- 站点链接
- 图标 URL
- 描述（可选）
- RSS 订阅地址（可选）
- 点击「Add New Link」即可添加友链。
- 在页面或文章中使用短代码展示友链页面。
其他设置
- 拖拽排序：在后台管理页面可直接拖拽卡片调整顺序，点击「Save Links Order」保存。
- RSS 自动更新：插件会根据设定间隔自动检查 RSS 并更新文章信息。默认间隔为 24 小时，可在「Settings」中修改。
- 数据导出：前往「Export」选项卡，点击「Export Links」按钮导出 CSV 格式的友链数据。
- 博客更新标识：在「Settings」中勾选「Enable Glow Animation for Recent Posts」，可为近 7 天内更新过的博客添加光晕效果。
与 AI 的初次对话
你是一个优秀的开发者和网页设计师，精通 wordpress 插件的开发。你要帮我设计一个 WordPress 插件，用于展示博客友情链接页面里的网站和它们的最新文章。具体要求如下：
## 功能
* 在 wordpress 后台有一个「友情链接管理」的页面；
* 在「友情链接管理」页面中，可以管理友情链接网站，包括添加、编辑、删除、排序网站；
* 添加新的网站时，需要添加网站图标、网站名、网站网址、网站描述、rss链接（网站图标、网站名、网站网址是必填，网站描述和rss链接可以不填）；
* 在「友情链接管理」页面中可以设置，每隔多少小时自动通过 rss 更新最近的文章，并且只会储存每个网站最新的一篇文章的信息，其余的会被清除；
* 如果无法通过 rss 链接获取文章，或者没有 rss 链接，则会显示“无法获取文章 (＞﹏＜)”；
* 有一个导出友情链接的按钮，可以已添加网站的信息已 csv 的形式保存下来
* 有一个立即更新的按钮，点击后可以立刻抓取 rss 信息；点击按钮后会有进度反馈，并且告知成功获取了多少，失败了多少个
* 通过短代码 [见图] 来调用该展示页面
## 设计
* 设计的样式参考上传的截图
* 默认一行两张卡片，每个卡片中包含网站图标、网站名、网站描述、最新的文章以及文章的发布日期，点击网站图标、网站名会在新浏览器页面中打开该网站；而点击文章名，则直接在新页面中跳转到该文章页面。
* 卡片的大小是固定的，不会因为浏览器宽度变化或者设备变化而改变大小，在手机上，或者浏览器宽度不够时，会自动变成一行一张卡片，能完美适配电脑和手机。
* 展示页面应该自动适配我博客的页面结构，比如我的博客主题自定义中有“狭窄宽度”和“正常宽度”
* 站点图标为圆形
* 站点名字体加粗，字体颜色为主题默认颜色
* 网站描述最多只显示一行
* 最新文章显示区域背景为浅灰色，最多只能为一行，右侧是文章更新的时间；最新文章的字体会使用博客主题默认的颜色，而网站描述和文章更新日期的字体会使用 #D3D5DA；当没有获取到文章时，显示“无法获取文章 (＞﹏＜)”，且字体颜色为 #D3D5DA；无论是否获取到文章名，这个区域的高度都是一致的，这样视觉上才是整齐的。
* 卡片边框的颜色为 #E7E9EF，宽度为 1，边界半径为 14
* 最新文章下面的灰色背景的边界半径也为 14
* 当鼠标指向卡片时，卡片会有悬浮和阴影的效果，但效果不要太强。
## 特别注意！！！
* 当卸载该插件时会删除掉插件相关的所有文件和数据，无任何残留，并且对网站不会有任何影响
其他 AI 制作的插件
- NeoDB 展示页面插件 （我的书影音页面）
