Jack's Space 09月12日
AI助攻,打造个性化WordPress友情链接插件
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文介绍了一款利用AI技术开发的WordPress友情链接管理插件,旨在解决传统编辑器效率低下及现有插件不符需求的问题。该插件提供简洁美观的卡片式展示,包含网站名称、图标、描述及最新文章,并对近期更新的博客卡片添加光晕动画。后台支持完整的链接管理,包括添加、编辑、删除和拖拽排序。插件能通过RSS自动更新博文信息,并支持一键导出友链数据,为博客间的互联互通提供了高效的解决方案。

✨ **智能化的友情链接展示**:该插件通过AI技术,为WordPress博客打造了美观且功能丰富的友情链接页面。每张链接卡片都集成了网站名称、图标、简短描述以及最新的博文信息。对于一周内有更新的博客,卡片会自动添加光晕动画效果,提升了页面的动态感和吸引力。

⚙️ **强大的后台管理功能**:插件提供了直观的后台管理界面,用户可以轻松地添加、编辑、删除友情链接,并支持通过拖拽卡片进行排序,所有更改一键保存。此外,插件还能根据设定的时间间隔,自动通过RSS订阅源抓取并更新每个网站的最新文章信息,确保展示内容的实时性。

📊 **便捷的数据导出与集成**:为了方便用户备份或迁移数据,该插件支持一键将所有友情链接信息导出为CSV格式文件。同时,插件的设计考虑了与WordPress主题的兼容性,通过短代码即可在页面或文章中调用展示,并能智能适配不同屏幕尺寸,确保在电脑和手机上都能提供一致的良好用户体验。

💡 **个性化设置与AI赋能**:该插件特别之处在于其AI赋能的设计理念,能够根据用户需求定制功能。例如,用户可以选择开启或关闭近期更新博客的光晕动画,并可以自定义RSS更新的间隔时间。这种按需定制的开发方式,使得插件能够更好地满足个人博客的需求,提升管理效率。

友情链接是众多博客之间建立联系、互通有无的重要纽带。然而,使用 WordPress 的古腾堡编辑器制作友情链接页面,效率实在太低;网上也难找到一款完全符合我需求的友情链接管理插件。放在过去,我或许就将就用了,但现在,为什么不尝试借助 AI,做一个完全符合自己需求的插件呢?

插件特色功能

效果预览

👉 点击查看效果

效果图
后台界面

使用方法

    前往 GitHub 下载 zip 安装包,并在 WordPress 后台的「插件 – 添加插件」中上传安装。启用插件后,在后台左侧菜单中找到「Friend Links」进入管理界面。填写必要信息:
      站点名称站点链接图标 URL描述(可选)RSS 订阅地址(可选)
    点击「Add New Link」即可添加友链。在页面或文章中使用短代码展示友链页面。
以短代码调用页面

其他设置

与 AI 的初次对话

你是一个优秀的开发者和网页设计师,精通 wordpress 插件的开发。你要帮我设计一个 WordPress 插件,用于展示博客友情链接页面里的网站和它们的最新文章。具体要求如下:

## 功能
* 在 wordpress 后台有一个「友情链接管理」的页面;
* 在「友情链接管理」页面中,可以管理友情链接网站,包括添加、编辑、删除、排序网站;
* 添加新的网站时,需要添加网站图标、网站名、网站网址、网站描述、rss链接(网站图标、网站名、网站网址是必填,网站描述和rss链接可以不填);
* 在「友情链接管理」页面中可以设置,每隔多少小时自动通过 rss 更新最近的文章,并且只会储存每个网站最新的一篇文章的信息,其余的会被清除;
* 如果无法通过 rss 链接获取文章,或者没有 rss 链接,则会显示“无法获取文章 (>﹏<)”;
* 有一个导出友情链接的按钮,可以已添加网站的信息已 csv 的形式保存下来
* 有一个立即更新的按钮,点击后可以立刻抓取 rss 信息;点击按钮后会有进度反馈,并且告知成功获取了多少,失败了多少个
* 通过短代码 [见图] 来调用该展示页面

## 设计
* 设计的样式参考上传的截图
* 默认一行两张卡片,每个卡片中包含网站图标、网站名、网站描述、最新的文章以及文章的发布日期,点击网站图标、网站名会在新浏览器页面中打开该网站;而点击文章名,则直接在新页面中跳转到该文章页面。
* 卡片的大小是固定的,不会因为浏览器宽度变化或者设备变化而改变大小,在手机上,或者浏览器宽度不够时,会自动变成一行一张卡片,能完美适配电脑和手机。
* 展示页面应该自动适配我博客的页面结构,比如我的博客主题自定义中有“狭窄宽度”和“正常宽度”
* 站点图标为圆形
* 站点名字体加粗,字体颜色为主题默认颜色
* 网站描述最多只显示一行
* 最新文章显示区域背景为浅灰色,最多只能为一行,右侧是文章更新的时间;最新文章的字体会使用博客主题默认的颜色,而网站描述和文章更新日期的字体会使用 #D3D5DA;当没有获取到文章时,显示“无法获取文章 (>﹏<)”,且字体颜色为 #D3D5DA;无论是否获取到文章名,这个区域的高度都是一致的,这样视觉上才是整齐的。
* 卡片边框的颜色为 #E7E9EF,宽度为 1,边界半径为 14
* 最新文章下面的灰色背景的边界半径也为 14
* 当鼠标指向卡片时,卡片会有悬浮和阴影的效果,但效果不要太强。

## 特别注意!!!
* 当卸载该插件时会删除掉插件相关的所有文件和数据,无任何残留,并且对网站不会有任何影响

其他 AI 制作的插件

又一个 WordPress 友情链接插件最先出现在Jack's Space

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

WordPress插件 友情链接 AI开发 博客管理 古腾堡编辑器 RSS更新 Custom Plugin Blogroll AI Development Blog Management Gutenberg Editor RSS Feed
相关文章