監聽貼文卡片 — 4 種排版方案比較
同一張「業務員招募｜考核」貼文卡片,四種排版並列。
看完選一個你喜歡的方向,我再套用到正式 admin。
1
現狀(目前線上版)
字級不一(10/11/12px 混用)、label 樣式 3 種混用(text-tiny inline / icon line-info / section-label)、無視覺群組
多圖 · 2026-05-28 ·
查看
有一天,你必須考核一個努力的人。不是因為他懶,不是因為他壞,而是因為這份工作,真的不適合他。那天我約他到辦公室。
狀態:
停用
啟用
🗑 移除
流程:
業務員招募｜考核
· 包含
無期限
改
防騷擾(此貼文):
24 小時 (預設)
跨貼文擋:
不檢查(預設)
關鍵字 (點移除)
考核 ✕
+
公開回覆 (3 則,隨機輪流)
我想你也遇到業務員去留的難題 @{{user… ✕
已回覆囉! @{{username}}記得先追蹤才收… ✕
你一定是位很棒的主管 @{{username}} 所以… ✕
+ 加入
@ 插入 @username
📁 從草稿選 (4)
存為草稿
A/B 測試: 未啟用
🧪 啟用 A/B
↻ 補發未回覆留言
2
label 統一 + 群組重排
★ 推薦
全部 label 同尺寸 + 同 icon 風格,內容分 4 群:基本狀態 / 觸發控制 / 公開回覆 / 進階,群組間用淺色分隔線
多圖 · 2026-05-28 ·
查看
有一天,你必須考核一個努力的人。不是因為他懶,不是因為他壞,而是因為這份工作,真的不適合他。那天我約他到辦公室。
基本狀態
開關
啟用中
流程
業務員招募｜考核
· 包含
截止
無期限
改
觸發控制
防騷擾
24 小時 (預設)
跨貼文
不檢查(預設)
關鍵字
考核 ✕
+
公開回覆
3 則隨機輪流
我想你也遇到業務員去留的難題 @{{user… ✕
已回覆囉! @{{username}}記得先追蹤才收… ✕
你一定是位很棒的主管 @{{username}} 所以… ✕
+ 加入
@ 插入 @username
📁 從草稿選 (4)
存為草稿
進階
A/B 測試
未啟用
🧪 啟用
3
右上浮動 toolbar
啟用/停用/移除/補發 4 顆 icon 鈕浮在貼文圖右上角,主資訊集中在下方,label-value 上下對齊
多圖 · 2026-05-28 ·
查看
有一天,你必須考核一個努力的人。不是因為他懶,不是因為他壞,而是因為這份工作,真的不適合他。那天我約他到辦公室。
業務員招募｜考核
● 啟用中
包含 「考核」
· 無期限
觸發控制
防騷擾(此貼文)
24 小時 (預設)
跨貼文 cooldown
不檢查(預設)
關鍵字
考核 ✕
+
公開回覆(3 則 隨機輪流)
我想你也遇到業務員去留的難題 @{{user… ✕
已回覆囉! @{{username}}記得先追蹤才收… ✕
你一定是位很棒的主管 @{{username}} 所以… ✕
+ 加入
@ 插入 @username
📁 從草稿選 (4)
A/B 測試
未啟用
🧪 啟用
4
兩欄式 grid
左欄基本資訊 / 右欄觸發設定 對照排版,公開回覆獨立跨兩欄,適合寬螢幕但手機會自動疊回單欄
多圖 · 2026-05-28 ·
查看
有一天,你必須考核一個努力的人。不是因為他懶,不是因為他壞,而是因為這份工作,真的不適合他。那天我約他到辦公室。
基本資訊
啟用中
流程
業務員招募｜考核
匹配模式
包含
截止
無期限
改
觸發設定
防騷擾(此貼文)
24 小時
跨貼文擋
不檢查
A/B 測試
未啟用
啟用
關鍵字
考核 ✕
+
公開回覆
(3 則 隨機輪流)
我想你也遇到業務員去留的難題 @{{user… ✕
已回覆囉! @{{username}}記得先追蹤才收… ✕
你一定是位很棒的主管 @{{username}} 所以… ✕
+ 加入
@ 插入 @username
📁 從草稿選 (4)
存為草稿
說明
4 個方案使用同一張「業務員招募｜考核」貼文卡,內容、流程、關鍵字、公開回覆都用真實資料。
方案 2 是我推薦方向:label 樣式統一(全部同尺寸+同 icon 風格)、內容分 4 群、群組間用淺色分隔線。視覺節奏最清楚。
方案 3 把主要操作(啟用 / 移除 / 補發)拉到貼文圖右上 toolbar,讓下半部全部是「設定區」,操作跟設定分明。
方案 4 適合寬螢幕看,手機會自動疊成單欄(跟方案 2 視覺差不多)。
選定後我會套用到正式 admin、做 vite build + Cloudflare Pages deploy。所有業務員都會看到新版。