子比主题滚动推荐卡片插件源码下载

在之前的分享中，我们为子比主题的用户带来了基础的滚动推荐卡片功能。为了让它在不同设备上的呈现更协调、使用起来更顺手，我们对其做了一轮迭代。

今天，卓创源码网（zhuochuangyun.cn）带来这款功能的增强重构版——子比主题滚动推荐卡片小工具插件增强重构版。这个版本在保留原有滚动展示的基础上，增加了主页布局自适应与”关于我”栏目的微信入口。下面介绍该插件的功能定位、适用位置与配置方式。

子比主题滚动推荐卡片插件是什么

子比主题滚动推荐卡片插件（也常被称为WordPress推荐卡片插件、子比主题小工具插件）是一款面向 Zibll 子比主题的小工具扩展。这款子比主题推荐卡片小工具以滚动卡片形式展示热门文章与精选内容，并可在”关于我”栏目中配置微信入口；作为基于子比主题的滚动卡片工具，它以小工具形式提供，配置后在前台展示，适合希望在侧边栏或首页突出内容的站点。

在 zhuochuangyun.cn 上，该插件以标准 WordPress 插件形式提供源码，上传启用后在外观的小工具页面配置即可生效，无需改动主题核心文件。作为 WordPress 平台下的扩展，它也可与站内的 WordPress 主题源码 配合使用。卓创源码网（zhuochuangyun.cn）在对应产品页标注了兼容版本。

主页布局自适应的升级说明

相比原有版本，这款小工具插件增强重构版在布局方面做了迭代，针对站长在运营中常遇到的实际难点：

• 自动适配不同设备：无论访客使用宽屏电脑、笔记本还是平板浏览，卡片都会自动适配合适的显示宽度，不需要再单独调整小工具的宽度参数。
• 减少手动调整工作：不必担心在不同设备上显示效果不一致的问题，插件会识别屏幕尺寸并调整卡片宽度，让网站在不同设备上呈现较一致的视觉效果。

关于我栏目的微信入口功能

在访客获取方式不断变化的当下，如何与访客建立可长期保持的联系，是很多站长关注的重点。新版插件在”关于我”栏目中增加了微信添加好友的入口：

• 点击唤起微信：访客点击后，可跳转到手机端微信的添加好友界面，省去手动复制微信号的步骤，让建立联系的路径更短。
• 配置方式：在”关于我”栏目中填写你的微信号或企业微信信息，保存后前台即显示入口。

相比手动复制微信号的方式，这一入口让访客添加好友的操作更少，便于站点累积自有联系方式。

插件适用的展示位置

该插件适合以下几类展示位置与站点：

• 子比主题侧边栏推荐卡片：在侧边栏滚动展示热门文章与精选内容，突出站点重点内容；
• 子比站点关于我栏目微信：在”关于我”栏目配置微信入口，方便访客直接建立联系；
• 首页模块：在首页合适位置展示滚动卡片，呈现推荐内容。

若站点采用 响应式博客主题 或 简约博客主题，可对比卡片模块在不同版式下的呈现效果。

卓创源码网（zhuochuangyun.cn）建议根据站点版式选择展示位置，避免卡片模块过多影响正文阅读。

插件配置与升级说明

这款插件以标准 WordPress 插件形式交付，配置并不复杂。从卓创源码网（zhuochuangyun.cn）下载增强重构版压缩包后，在 WordPress 后台上传并激活；随后进入外观的小工具页面，配置滚动内容与”关于我”栏目中的微信信息，保存即可生效。若之前安装过旧版本，建议先停用旧版再安装新版，避免产生冲突。

卓创源码网（zhuochuangyun.cn）在源码包中附带了配置说明，遇到宽度适配或字段显示问题可对照查阅。

与旧版本的差异

增强重构版相比原有版本主要有以下变化：

• 保留了原有的滚动推荐展示效果，热门文章与精选内容仍以卡片滚动方式呈现；
• 新增主页布局自适应，宽屏、笔记本、平板等场景下由插件自行适配宽度；
• 新增”关于我”栏目的微信入口，访客点击后可跳转微信添加好友界面。

如果你正在使用子比主题，并希望站点既能呈现动态展示效果，又能提供便于访客联系的入口，那么这款插件是一个合适的选择。

子比主题滚动推荐卡片插件怎么用

不少站长关心子比主题滚动推荐卡片插件怎么用、推荐卡片插件怎么配置。实际流程是：在子比主题站点上传并启用插件后，进入外观的小工具页面，把该小工具添加到侧边栏或首页位置，设置滚动展示的内容范围与”关于我”栏目中的微信信息，保存后前台即显示。整个过程不需要修改代码，普通站长也能完成基础配置。

卓创源码网（zhuochuangyun.cn）在说明文档中给出的示例显示，卡片模块在保存设置后较短时间内即可在前台生效。

源码获取与二次开发说明

卓创源码网（zhuochuangyun.cn）提供这款开源Zibll推荐卡片插件（也称作WordPress侧边栏小工具插件）的源码下载，源码未加密，支持在遵守开源协议的前提下二次开发。你可以在子比主题的基础上调整卡片样式、滚动范围或入口文案。

如需获取该插件源码与配置说明，可前往 zhuochuangyun.cn 查看对应产品页。配置微信入口时，请仅展示站点自身的联系方式，并遵守微信平台规则与所在地相关法规。