> For the complete documentation index, see [llms.txt](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bai-da-shuspersonal-organization.gitbook.io/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/1.0-shou-ye/zhu-shi-jue-qu-kuai.md).

# 主視覺區塊

### 設計規格

主要狀態分為【標題上稿狀態】與【標題未上稿狀態】

{% tabs %}
{% tab title="標題上稿狀態" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2Fuh2tlxXsCdRkmZS71O1e%2FFrame%20627093.png?alt=media&amp;token=1bd1a9f4-dea6-4aa6-aa22-b1853306ce30" alt=""><figcaption><p>桌機版&#x26;手機版-標題上稿狀態</p></figcaption></figure>
{% endtab %}

{% tab title="標題未上稿狀態" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FQ18ug9pZIE1cRnmatSno%2FFrame%20627044.png?alt=media&amp;token=4c0e83ec-a483-4f05-abab-9ed25aa25c75" alt=""><figcaption><p>桌機版&#x26;手機版-標題未上稿狀態</p></figcaption></figure>
{% endtab %}
{% endtabs %}

<table data-full-width="false"><thead><tr><th width="63" data-type="number">NO</th><th width="138">項目</th><th width="110">屬性<select><option value="Pi38SOVt5gCj" label="圖片" color="blue"></option><option value="uCSp8A3ueFhD" label="文字" color="blue"></option><option value="bryaKo5YYDI4" label="連結" color="blue"></option><option value="OxSW3UAAjfzC" label="功能操作" color="blue"></option></select></th><th width="467">功能/規則說明</th></tr></thead><tbody><tr><td>1</td><td>Banner<br>圖片素材</td><td><span data-option="Pi38SOVt5gCj">圖片</span></td><td><ul><li>後臺上稿圖片素材，分為桌機版&#x26;手機版尺寸</li><li>主視覺區塊可上稿Banner圖片素材，最少1個，最多5個</li><li>主視覺區塊會自動以5秒間格輪播，輪播至最後一個並從頭輪播</li><li>若Banner圖片素材只有1個，則停止自動輪播</li></ul></td></tr><tr><td>2</td><td>標題文字</td><td><span data-option="uCSp8A3ueFhD">文字</span></td><td><ul><li>非必填，可選擇是否顯示標題文字 (如:<a href="#biao-ti-wei-shang-gao-zhuang-tai">標題未上稿狀態</a>)</li><li>超過寬度往下斷行排列</li><li>字數不限，建議25字</li></ul></td></tr><tr><td>3</td><td>按鈕連結</td><td><span data-option="bryaKo5YYDI4">連結</span></td><td><ul><li>點選按鈕連結，前往設定的連結URL</li><li>手機版隱藏按鈕連結，改為整個主視覺區塊可點選</li></ul></td></tr><tr><td>4</td><td>輪播進度列</td><td><span data-option="OxSW3UAAjfzC">功能操作</span></td><td><ul><li>進度列以向右填滿形式表示輪播前倒數狀態</li><li>使用者可點擊【播放暫停】按鈕，<br>切換自動輪播與暫停狀態</li><li>手機版則隱藏【播放暫停】按鈕，無暫停輪播功能</li></ul><p><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F9cY1NjHmjSx1VtUOtGxO%2FFrame%20627045.png?alt=media&amp;token=370bbb11-ff7b-4658-b702-7a8f72d71929" alt="" data-size="original"><br></p></td></tr></tbody></table>

### 連結設定

<table data-full-width="true"><thead><tr><th width="138">區塊</th><th width="256">連結圖片示意</th><th width="118">開啟形式<select><option value="s30xPWWMdFV6" label="同頁開啟" color="blue"></option><option value="fBJ57gNPKSqQ" label="另開新頁" color="blue"></option><option value="PmG1Z21VCgss" label="依後台設定" color="blue"></option></select></th><th width="202">連結設定</th><th>備註</th></tr></thead><tbody><tr><td>主視覺區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FpEsqqAJOMYBtMQ0cE3oS%2FPrimary.png?alt=media&amp;token=0dc4b11a-9d87-4dd6-a8fc-fa038e6c5cd7" alt="" data-size="original"></td><td><span data-option="PmG1Z21VCgss">依後台設定</span></td><td>依後台設定</td><td>桌機版</td></tr><tr><td>主視覺區塊</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2Fx4o87dmrl2SKz7m2u9PN%2F%E6%88%AA%E5%9C%96%202024-11-11%2008.44.10.png?alt=media&amp;token=dc2b59b7-c7c7-48fd-8a76-8eb696e58c40" alt="" data-size="original"></td><td><span data-option="PmG1Z21VCgss">依後台設定</span></td><td>依後台設定</td><td>手機版無按鈕連結<br>整個區域均可點擊</td></tr></tbody></table>

{% hint style="info" %}
完整連結(含無障礙設定)，請參考[1.0-首頁按鈕連結設定](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=593430938#gid=593430938)
{% endhint %}

***

### 修訂紀錄

<table data-full-width="false"><thead><tr><th width="79" data-type="number">序號</th><th width="121">修訂時間</th><th width="300">主要修改內容</th><th width="142">修訂來源</th><th>備註</th></tr></thead><tbody><tr><td>1</td><td></td><td></td><td></td><td></td></tr><tr><td>null</td><td></td><td></td><td></td><td></td></tr></tbody></table>