子比主题文章卡片样式自定义广告卡片小工具插件

广告卡片展示

图片[1]-子比主题文章卡片样式自定义广告卡片小工具插件-玩转网

生成包含图片、标题、标签组、作者信息和 QQ 联系方式的广告卡片,支持点击图片和标题跳转到指定链接。

多维度样式自定义

卡片背景色、标题颜色、元信息文字颜色等基础样式

标签悬停效果(背景色、文字色)

QQ 区域样式(边框色、文字色)

卡片圆角、左上角装饰圆点颜色等细节样式

标签滚动功能

支持标签的横向滚动展示,标签可自定义文本、链接、图标、颜色和样式,点击两侧箭头可平滑滚动标签组。

内置 CSS 样式定义卡片布局、响应式规则和交互效果(如悬停动画、滚动按钮样式)。
嵌入 JavaScript 实现标签组的左右滚动功能,根据滚动位置动态显示 / 隐藏滚动按钮。

响应式控制

提供 “仅在手机端显示” 开关,可控制广告卡片在移动端(≤768px)显示、电脑端隐藏,适配不同设备场景。

QQ 号码复制功能
集成 QQ 号码展示与一键复制功能,点击 QQ 区域可复制号码,提升用户交互体验。

使用场景

适用于 子比主题 网站需要在侧边栏或内容区域展示自定义广告、推广卡片的场景,尤其适合需要区分移动端和电脑端展示策略的需求。用户可通过后台直观配置样式,无需编写代码即可生成个性化广告卡片。

后台截图:

图片[2]-子比主题文章卡片样式自定义广告卡片小工具插件-玩转网

图片[3]-子比主题文章卡片样式自定义广告卡片小工具插件-玩转网

图片[4]-子比主题文章卡片样式自定义广告卡片小工具插件-玩转网

使用方法:

1.上传插件安装并启用

2.转到-外观小工具页面

找到:

图片[5]-子比主题文章卡片样式自定义广告卡片小工具插件-玩转网

可添加任意位置(推荐电脑端用于侧边栏-移动设备随意,)制作不易不喜勿喷哈!感谢大家的支持

查看演示:电脑端侧边栏

手机端:点开一个分类查看 在底部位置

链接:https://www.902d.com/ym

插件下载:

https://www.zibll.com/forum-post/39525.html

© 版权声明
THE END
点赞157 分享