子比主题美化：侧边栏添加倒计时活动推荐卡片教程

今天给大家分享一款子比主题侧边栏小美化，专门用于做活动推荐卡片，支持自定义图片、自定义高度、多卡片独立倒计时，并且倒计时结束后会自动禁用链接，效果精致又实用，直接丢进自定义 HTML 小工具就能用。

效果预览

代码部署

WordPress后台 → 外观 → 小工具 → 自定义 HTML拖拽到你想要的任意侧边栏位置即可。

直接复制下面全部代码，粘贴到自定义 HTML 里，按需修改图片、链接、活动时间、文字即可。

自定义

1. 修改卡片高度

找到样式中：

min-height: 340px

直接修改数字即可控制卡片高度，侧边栏一般 300–380px 最合适。

2. 修改背景图片

替换：

background-image: url('图片链接')

建议尺寸：600×400 或等比例图片。

3. 修改倒计时时间

修改：

data-end="2026-04-21 23:59:59"

格式：年-月-日 时:分:秒

4. 修改活动标题与描述

• <h4> 内为活动标题
• <p> 内为活动简介
• <a href=""> 为活动跳转链接

5. 添加更多活动卡片

直接复制一整个卡片 div 块粘贴即可，每张卡片独立倒计时，互不影响。