把「标题 + 一行多个按钮 + 说明」画进 一张整图,上传给「多热区切图」模块,按下方坐标框热区、逐个设链接。
按钮宽度 =(可用宽 − 间距)/ 每行个数,改「每行个数」时按钮与自定义图会自动等比缩放。行数支持自定义 1~20 行(上方数字框直接输入),快捷按钮给出常用值;行数多导致整图超过 2400px 时,调小「按钮高度」或拆成多张图。按钮高度最低 50px,调矮时记得同步调小文字字号和圆角;若提示「高度需 144~2400」,把上下留白调大一点即可凑够下限。
可多行;标题会做进图片,改字需重新导出上传。
「渐变 / 立体 / 双色」用第二色;「描边 / 渐变描边」用描边色。所有颜色都可点色块自由取色。
这里填整块说明文字(支持多行),就是参考店那种 ①②③ 小字;不需要可清空。
每行一个按钮:主文案 | 小字副标(副标可省略)。数量不足自动补「入口 N」。
按钮副标(| 后面的小字)颜色也能自定义,不再固定灰色。主文字与副标的字号、颜色、字间距各自独立;字间距可填负值收紧,范围 −5~30px。字距过大使文字超出按钮宽度时会自动压窄,此时同步调小字号即可。「主副间距」调的是主文案与副标两行之间的上下距离:正值拉开、负值收紧,以两行中间为轴向上下均分,不改变原有居中布局,只对带副标的按钮生效;右侧实时显示两行基线距。间距过大可能超出按钮,请配合按钮高度调整。
图片会按当前按钮宽高自动铺入并裁圆角;改「每行个数」后自动跟着变大/变小。图片会随「方案记录」和「工程文件」一起保存;未存档的临时编辑刷新后需重新上传。
外框会画在最上层,标题、按钮、说明都包在里面。注意:启用外框后,内容左右还会额外内收「离边距离 + 框内边距 + 边框粗细」三层留白,它们和「1 · 画布与排布」里的左右边距是相加关系——所以左右边距设 0 仍可能有间距。想让按钮贴边,把这三项调小,或直接点卡片 1 的「↔ 一键贴边」;上方「实际左右留白」会实时显示总和。
批量包内附 说明.txt(尺寸 + 全部参数 + 热区坐标)。
点记录(或「载入修改」)即可恢复当时全部参数、文案和按钮图,只改变动的部分;改完点「更新当前记录」覆盖,或改个名称再「保存为记录」另存一条。
「保存到云端」把当前全部记录(含缩略图、参数、按钮图)写进 KV;「从云端载入」把云端记录合并进本地列表(同 ID 覆盖、本地独有保留)。本地记录始终保留,云端用于跨设备同步。访问口令首次写入即设定且不能在页面里清除,请记牢;不勾选「记住本机设置」时刷新后需重填口令。
| # | 文案 | x | y | 宽 w | 高 h | 百分比(如后台要) |
|---|
① 左侧「官方模块」→ 基础功能 → 图文视频 → 把 「多热区切图」 拖到画布(「单图海报」只能放 1 个链接)。
② 上传这里导出的 PNG(PC 端宽 1440,jpg/png,单文件 ≤20MB)→ 填模块名称。
③ 点 「添加热区」 → 在图上拖出矩形,照上表只圈住每个按钮 → 每个热区单独填跳转链接。
④ 保存 → 预览 → 发布(只保存不发布买家看不到)。
提示:若发现后台有「多图 / 双列图片 / 图文导航」类模块,可改用纯底图 + 后台填字,改字更方便;本工具面向「一张整图 + 多热区」的做法。