广告卡片展示
![图片[1]-子比主题文章卡片样式自定义广告卡片小工具插件-玩转网](https://www.902d.com/wp-content/uploads/2025/10/9cf664372020251001205215.webp)
生成包含图片、标题、标签组、作者信息和 QQ 联系方式的广告卡片,支持点击图片和标题跳转到指定链接。
多维度样式自定义
卡片背景色、标题颜色、元信息文字颜色等基础样式
标签悬停效果(背景色、文字色)
QQ 区域样式(边框色、文字色)
卡片圆角、左上角装饰圆点颜色等细节样式
标签滚动功能
支持标签的横向滚动展示,标签可自定义文本、链接、图标、颜色和样式,点击两侧箭头可平滑滚动标签组。
内置 CSS 样式定义卡片布局、响应式规则和交互效果(如悬停动画、滚动按钮样式)。
嵌入 JavaScript 实现标签组的左右滚动功能,根据滚动位置动态显示 / 隐藏滚动按钮。
响应式控制
提供 “仅在手机端显示” 开关,可控制广告卡片在移动端(≤768px)显示、电脑端隐藏,适配不同设备场景。
QQ 号码复制功能
集成 QQ 号码展示与一键复制功能,点击 QQ 区域可复制号码,提升用户交互体验。
使用场景
适用于 子比主题 网站需要在侧边栏或内容区域展示自定义广告、推广卡片的场景,尤其适合需要区分移动端和电脑端展示策略的需求。用户可通过后台直观配置样式,无需编写代码即可生成个性化广告卡片。
后台截图:
![图片[2]-子比主题文章卡片样式自定义广告卡片小工具插件-玩转网](https://www.902d.com/wp-content/uploads/2025/10/919ac0f08f20251001205446.webp)
![图片[3]-子比主题文章卡片样式自定义广告卡片小工具插件-玩转网](https://www.902d.com/wp-content/uploads/2025/10/a84e430fee20251001205505.webp)
![图片[4]-子比主题文章卡片样式自定义广告卡片小工具插件-玩转网](https://www.902d.com/wp-content/uploads/2025/10/021a355a0420251001205519.webp)
使用方法:
1.上传插件安装并启用
2.转到-外观–小工具页面
找到:
![图片[5]-子比主题文章卡片样式自定义广告卡片小工具插件-玩转网](https://www.902d.com/wp-content/uploads/2025/10/b59bba7fd520251001205559.webp)
可添加任意位置(推荐电脑端用于侧边栏-移动设备随意,)制作不易不喜勿喷哈!感谢大家的支持
查看演示:电脑端侧边栏
手机端:点开一个分类查看 在底部位置
插件下载:
网站名称:玩转网
本文链接:
版权声明:知识共享署名-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)协议进行许可
本站资源仅供个人学习交流,转载时请以超链接形式标明文章原始出处,(如有侵权联系删除)




![Zibll子比主题-编辑器增强-古腾堡编辑器块详解[入门详解]-玩转网](https://www.902d.com/wp-content/uploads/2020/12/797adb6f932b.jpg)







