HOST888 UX Block Regression Test 20260918-newshost168com

01｜大標題 Heading Regression

02｜合作頁 Hero 主標題

這是 Hero 副標題，用來檢查長文字與排版。

Regression Test：請確認主標、副標、說明、圖片與 CTA 都正常。

測試主要按鈕

03｜Landing Hero 左文右圖

測試副標題：Desktop 應左右排列，Mobile 應正常單欄。

• 重點一：跨站發布
• 重點二：RWD
• 重點三：長文字不爆版

立即測試

立即測試

🚀

卡片一

第一張合作功能卡測試內容

🧩

卡片二

第二張合作功能卡測試內容

📈

卡片三

第三張合作功能卡測試內容

05｜合作說明橫條：這是一段 Regression Test 提示文字。

1

步驟 1｜建立內容

2

步驟 2｜人工確認

3

步驟 3｜Preview

4

步驟 4｜Approve

5

步驟 5｜Publish

6

步驟 6｜Verify

09｜適合合作對象

✓網站設計公司

✓行銷顧問公司

✓企業資訊部門

首次成交|測試收益卡一

續約服務|測試收益卡二

長期合作|測試收益卡三

11｜重要提醒

這是第一行說明文字。
這是第二行說明文字，用來檢查換行與框體高度。

問題一：這是 FAQ 嗎？

是，這是 Regression FAQ 第一題。

問題二：答案會完整嗎？

請確認第二題答案沒有消失。

問題三：手機會正常嗎？

請用 DevTools 375px 驗證。

13｜合作 CTA Regression

請確認 CTA 主標、說明與按鈕都能正常呈現。

案例 A

產業：製造業

建立內容發布與 SEO 流程

案例 B

產業：長照產業

建立文章與詢問入口

案例 C

產業：顧問服務

驗證跨站發布效果

15｜合作影片區 Regression

圖片一標題

圖片二標題

圖片三標題

「第一則測試見證內容，請確認文字長度與卡片高度。」

王先生

網站公司

「第二則測試見證內容，請確認 RWD 正常。」

陳小姐

行銷顧問

• 18｜合作獎勵制度
• 第一項 Regression 獎勵內容
• 第二項 Regression 獎勵內容
• 第三項 Regression 獎勵內容

20｜一般內文 Regression

這是一段一般 HTML 內文。粗體、連結、長文字都應正常。

21A｜圖文區塊 Normal：圖左文右

這一組一定要確認 Desktop 為「圖左、文右」。

Mobile 則應合理變成上下排列。

21B｜圖文區塊 Reverse：文左圖右

這一組一定要確認 Desktop 為「文左、圖右」。

不能和 Normal 顯示成一樣。

27｜標準按鈕

30A｜YouTube Video Regression

30B｜Google Slides Embed Regression

32｜自訂色按鈕

33A｜Horizontal A

第一個橫向 Stack 項目。

Horizontal B

第二個橫向 Stack 項目。

Horizontal C

第三個橫向 Stack 項目。

33B｜Vertical A

第一個直向 Stack 項目。

Vertical B

第二個直向 Stack 項目。

Vertical C

第三個直向 Stack 項目。

34｜區塊標題 Section Title Regression