WordPress爱情清单 – 记录浪漫时刻的 WordPress 专属插件
技术宅为 WordPress 站点 + 小程序生态打造的情感化清单插件！支持在 WordPress 后台创建、管理爱情清单，通过短代码 / 接口同步至小程序，实现「网站 + 小程序」双端展示。支持状态管理（未完成 / 已完成）、关联文章 / 图片、记录完成日志，仅「已完成」且填写内容时，才在前台 / 小程序端显示私密记录，适配各类主题与小程序 UI，让每一份浪漫计划都能精美呈现，轻松搭建专属二人的爱情里程碑记录页。
功能特性
| 分类 | 功能详情 |
|---|---|
| 跨端基础能力 | - 支持 WordPress 后台创建清单，通过短代码 / 接口同步至小程序 - 「未完成 / 已完成」状态、完成时间、日志等数据，双端实时同步 |
| 清单内容控制 | - 仅「已完成 + 填写日志」时，前台 / 小程序才显示图片、日志 - 关联 WordPress 文章 / 图片，直接复用主题内容，小程序端自动适配展示 |
| 后台体验优化 | - 美化日期选择器、图片上传、富文本日志编辑，兼容 WordPress 媒体库 - 独立设置中心，快速添加 / 管理清单，流程贴合 WordPress 原生逻辑 |
| 前端 / 小程序适配 | - WordPress 端：自动调用主题头部 / 底部，响应式设计适配多端 - 小程序端：支持接口调用（REST API 或自定义），样式可独立开发或复用插件基础 CSS，实现双端风格统一 |
| 技术兼容性 | - 兼容 PHP 8.3，代码严格防护（非法访问拦截、变量校验） - 分离前后端逻辑（ frontend-display.php/admin-settings.php），支持小程序通过 wp-json 或短代码灵活调用 |
其他特性
支持Redis缓存，设置页面支持批量添加清单，小程序页面支持刷新···
电脑版预览
后台设置页面
小程序预览
也可以搜索微信小程序（技术宅范儿）
使用方法
安装与启用
- 上传插件：在 WordPress 后台，进入 “插件” - “安装插件”，点击 “上传插件”，选择
love-checklist.zip文件上传并安装。 - 启用插件：安装完成后，在 “插件” 列表中找到 “爱情清单插件”，点击 “启用”。
后台设置与清单管理
- 进入设置中心：启用插件后，在 WordPress 后台侧边栏会出现 “爱情清单” 菜单，点击进入设置中心。
- 添加清单：点击 “添加清单” 按钮，进入清单编辑页面。在页面中可以填写清单标题、描述，设置清单状态（未完成 / 已完成），选择完成日期。
- 关联文章和图片：在清单编辑页面，可选择关联已有的 WordPress 文章；点击 “上传图片” 按钮，从媒体库中选择或上传新图片，作为该清单的展示图片。
- 添加完成日志：如果清单状态设置为 “已完成”，可以在 “完成日志” 输入框中填写完成该清单的相关记录。
- 管理清单：在清单列表页面，可以对已有清单进行编辑、删除操作，也可以通过筛选功能查看不同状态（未完成、已完成）的清单。
前端展示
- 使用短代码：在需要展示爱情清单的页面或文章中，输入短代码
[love_checklist]，保存页面或文章后，清单内容会按照插件设置和样式进行展示。只有状态为 “已完成” 且填写了完成日志的清单，才会显示关联的图片和日志内容。插件启用后会自动在页面生成一个爱情清单页面。 - 主题集成：插件会自动调用当前主题的头部和底部，确保样式与主题融合，不产生冲突。如果对展示样式有进一步调整需求，可以通过修改
assets/css/frontend.css文件来自定义样式。
爱情清单小程序使用方法
小程序开发准备
解压文件后，会得到小程序源码，文件如下：
├── checklist/ │ ├── index.js // 函数 │ ├── index.json // 配置文件 │ ├── index.wxml // 模板文件 │ └── index.wxss // css样式
打开index.js，修改13-23行，
其中postPagePath需要改为你的小程序文章路径。配置了Redis缓存，能有效减轻服务器压力~
