该插件是一款专为网站（适配子比主题等支持文章卡片样式的平台）设计的广告位小工具插件，核心解决了此前纯 HTML 代码版广告位修改复杂、需手动调整代码的痛点，通过后台可视化配置即可快速生成适配自带文章卡片样式的广告位，降低非技术用户的使用门槛，适用于博客、论坛等平台的侧边栏广告展示场景。

一、核心定位与优势

1. 样式复用，降低适配成本：直接沿用网站自带的文章卡片样式，无需额外开发新样式，确保广告位与页面整体视觉风格统一，避免 “突兀感”。
2. 替代代码版，简化操作：对比此前纯 HTML 代码版需手动修改标签、链接、样式的复杂流程，插件版通过后台表单配置即可完成所有设置，无需触碰代码。
3. 功能升级，灵活性更强：支持配置 10 个标签（远超代码版固定标签数量），并新增标签左右滚动按钮（解决标签过多显示不全问题），同时支持自定义 Font Awesome 图标及样式，满足多样化广告需求。

二、后台核心配置功能

插件后台提供 “基本内容”“颜色与样式”“标签” 三大类配置项，自定义程度高，具体如下：

1. 基本内容设置（广告核心信息）

可配置广告的核心展示内容与跳转、交互信息，覆盖广告传播关键要素：

• 基础信息：广告标题（如 “我是标题 – 玩转网”）、主链接（点击广告跳转地址）、主图片（广告封面图，支持上传并设置 Alt 文本）。
• 作者与交互：作者名称（如 “广告联系”）、作者头像（支持上传，增强辨识度）、QQ 号码（延续代码版 “点击复制” 功能，便于用户对接广告合作）。

2. 颜色与样式设置（视觉自定义）

支持精细化调整广告位视觉风格，适配不同网站主题色：

• 基础样式：卡片背景色（如 #ffffff）、卡片圆角大小（如 8px）。
• 文字颜色：标题文字色（如 #333333）、元信息文字色（如 #666666）、QQ 区域文字色（如 #333333）。
• 交互样式：标签悬停背景色（如 #fc65cb）、标签悬停文字色（如 #ffffff）、QQ 区域边框色（如 #673ab77d）。

3. 标签设置（最多 10 个，支持滚动）

每个标签均可独立配置，满足多维度广告关联需求（如跳转至赞助页、主题页等）：

• 基础配置：标签文本（如 “AD”“发电”）、标签链接（如 “发电” 标签链接至网站赞助页）。
• 图标与样式：Font Awesome 图标类（如 “AD” 用 fa-line-chart、“发电” 用 fa-github）、图标颜色（如 #fe5b98、#33b7b5），还支持自定义 CSS 样式（如 “AD” 标签设置 135° 渐变背景：linear-gradient(135deg, #ff5473 10%, #fb6bea)）。

三、使用方法（3 步快速上手）

1. 插件部署：下载插件安装包，上传至网站后台并启用。
2. 添加小工具：进入 “外观 – 小工具” 页面，找到 “自定义广告 – 玩转网” 小工具，添加至任意侧边栏位置（推荐侧边栏，适配插件设计场景）。
3. 配置与生效：在小工具设置界面填写上述 “基本内容”“样式”“标签” 信息，保存后即可生效；需注意支持单个页面添加，不建议全页面启用，避免广告过度展示。

四、注意事项与附加信息

• bug 提示：插件测试阶段存在部分 bug，但不影响核心使用，具备技术能力的用户可自行修复。
• 开发说明：插件核心代码由豆包生成，主打轻量化与实用性，无冗余功能。