> 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/quan-yu-xing-gong-neng/zhu-xuan-dan.md).

# 主選單

### 功能簡述

{% hint style="info" %}

* 顯示於全站各頁面上方，提供使用者理解全站資訊架構，並切換前往所需單元頁面
* 主選單於瀏覽時，會固定於畫面上方，方便使用者隨時取用
  {% endhint %}

### 設計規格

{% tabs %}
{% tab title="桌機版主選單" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FpXYqy8S2MjqIt0GWkkKZ%2FFrame%20627290.png?alt=media&amp;token=5cac8e72-eb3a-4d89-bb86-92fc520e9324" alt=""><figcaption></figcaption></figure>

1. **Google翻譯工具**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FXrqbcAUNLMQyM70ExGM0%2F%E6%88%AA%E5%9C%96%202024-11-04%2015.48.16.png?alt=media&amp;token=7086c1f1-6c01-4cc4-9b85-20547e77fe0f" alt=""><figcaption></figcaption></figure>

   1. 使用Google翻譯功能，使用[Google Translation API](https://cloud.google.com/translate/docs/reference/api-overview)
   2. 點選透過下拉選單，選取所需的語言

2. **語系切換列**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FV4cKrbaqm1LpIMJilvXQ%2F%E6%88%AA%E5%9C%96%202024-11-04%2015.52.01.png?alt=media&amp;token=d4fc34d8-4857-4597-88f4-4ef3b9b9d0fb" alt=""><figcaption></figcaption></figure>

   1. 針對「繁體中文」、「英文」、「日文」、「韓文」 四國語系進行頁面顯示切換
   2. 點選透過下拉選單，選取所需的語言<br>

3. **單元切換列**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FrzlOYmA4ic3OkPgEjng2%2FFrame%20627327.png?alt=media&amp;token=c623b70b-ab68-4074-a0aa-ad922b7a17c1" alt=""><figcaption></figcaption></figure>

   1. 點選切換不同單元的選單畫面

4. **快速入口**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FfkijD6C6TodKHmMjJafw%2F%E6%88%AA%E5%9C%96%202024-11-04%2016.00.34.png?alt=media&amp;token=7ce6b5f2-b943-4e8f-becf-b9e0ae4bae9d" alt="" width="375"><figcaption></figcaption></figure></div>

   1. 於不同單元選單中，提供不同頁面的快速連結，引導使用者快速前往高關心度的頁面
   2. 點選快速入口按鈕，前往指定頁面連結

5. **賽事APP下載入口**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F5CIVoh4RmhQPbiU0nKBP%2FAPP%20Download.png?alt=media&amp;token=33cb296f-e180-4ca6-a1b1-a6d532a1fd6c" alt=""><figcaption></figcaption></figure></div>

   1. 引導賽事選手前往下載賽事專屬的APP
   2. 提供『iOS』 & 『Andriod』 兩個按鈕，分別導向 App store 與 GooglePlay進行下載<br>

6. **單元頁面連結**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F2imfyPHgf9I8rk7QIHgX%2FFrame%20626904.png?alt=media&amp;token=cf898ca1-d64f-46b4-ace9-92dde7e2571f" alt=""><figcaption></figcaption></figure>

   1. 當選項可點擊時，會以「ICON按鈕」顯示，又分為內連或外連類型
   2. 若選項為不可點擊的單元名稱，則不會顯示ICON按鈕
      {% endtab %}

{% tab title="手機版主選單" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F5I5CGBj3AQMmYlNCSz9j%2FFrame%20627326.png?alt=media&amp;token=a5290b2a-aa6d-44ac-9730-5d263551ac3c" alt=""><figcaption></figcaption></figure>

* 點選「漢堡選單按鈕」可開啟手機選單內容
* 點選單元「＋」按鈕，可依序開啟第二層子選單＆第三層子選單內容
  {% endtab %}
  {% endtabs %}

### 連結設定

<table data-full-width="true"><thead><tr><th width="121">區塊</th><th width="256">連結圖片示意</th><th width="118">開啟形式<select><option value="s30xPWWMdFV6" label="同頁開啟" color="blue"></option><option value="fBJ57gNPKSqQ" label="另開新頁" color="blue"></option></select></th><th width="202">連結設定</th><th>備註</th></tr></thead><tbody><tr><td>Header</td><td><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FA9ZZYjFDzUdbIcqTfq0i%2FLOGO_%E7%9F%AD.png?alt=media&amp;token=5a588a5b-e158-4554-ae91-93387a227743" alt="" data-size="original"></td><td><span data-option="s30xPWWMdFV6">同頁開啟</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%2Fj8UIPlGX03PQVEgyHlk3%2F%E6%88%AA%E5%9C%96%202024-12-05%2016.51.27.png?alt=media&amp;token=e6987caa-c640-4da9-ae45-0f54f7ab119f" alt="" data-size="original"></td><td><span data-option="fBJ57gNPKSqQ">另開新頁</span></td><td>待客戶提供</td><td>前往APP Store</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%2FSm4vfdRZhxONn3F5M51u%2F%E6%88%AA%E5%9C%96%202024-12-05%2016.51.31.png?alt=media&amp;token=9666415c-c6bb-4f0c-991c-933bb0e5f230" alt="" data-size="original"></td><td><span data-option="fBJ57gNPKSqQ">另開新頁</span></td><td>待客戶提供</td><td>前往GooglePlay</td></tr></tbody></table>

{% hint style="info" %}
完整連結(含無障礙設定)，請點選前往[全站Meta Data設定清單](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=1726026848#gid=1726026848)
{% endhint %}

### 各單元選單內容

單元共有：

* 2.0-世壯運
* 3.0-賽會消息
* 4.0-競賽資訊
* 5.0-賽會活動
* 6.0-參加者專區

詳細選項內容，請參考：

{% content-ref url="/pages/yk86XeWFLWKBS6Wed9gz" %}
[各單元選單內容](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/quan-yu-xing-gong-neng/zhu-xuan-dan/ge-dan-yuan-xuan-dan-nei-rong.md)
{% endcontent-ref %}

### UI設計檔

{% embed url="<https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm/2025%E4%B8%96%E7%95%8C%E5%A3%AF%E5%B9%B4%E9%81%8B%E5%8B%95%E6%9C%83%E5%AE%98%E7%B6%B2_%E5%AE%A2%E6%88%B6%E6%8F%90%E5%A0%B1%E4%BD%BF%E7%94%A8?node-id=8834-165589&t=xX2EYVZp6ZQADuRu-1>" %}

***

### 修訂紀錄

<table data-full-width="true"><thead><tr><th width="84" data-type="number">序號</th><th width="122">修訂時間</th><th width="371">主要修改內容</th><th width="212">修訂來源</th><th>備註</th></tr></thead><tbody><tr><td>1</td><td>2024/11</td><td><ol start="1"><li>3.0-賽事消息 改為 「賽會消息」</li><li>5.2-開幕式＆閉幕式 改為 「開閉幕典禮」</li><li>6.0-參加者專區，名稱確認</li><li>6.7-認證報到，改為「認證中心」</li></ol></td><td><a href="https://docs.google.com/spreadsheets/d/1JU9hf1XW8w9VUWsDgPFEOrkfvbtF9GZCiu9ixSAanmE/edit?gid=1606260723#gid=1606260723">客戶確認清單回覆</a></td><td></td></tr><tr><td>2</td><td>2024/11/18</td><td>6.6-報名系統，由原本外連形式，改為內頁形式</td><td><a href="https://www.figma.com/design/GO84awYAhcTLDEkhRZCfXm?node-id=6612-74868#1029356554">客戶Figma回覆</a></td><td></td></tr><tr><td>3</td><td>2024/12</td><td><ol><li>新增2.5-媒體資訊（原2.5-常見問題調整為2.6-常見問題）</li><li>4.5-賽會文件改為『4.5-競賽須知』</li><li>6.9-大會手冊改為『6.9-賽會文件』</li><li>7.2-隱私權政策改為『隱私權暨資訊安全保護政策』</li></ol></td><td></td><td></td></tr><tr><td>4</td><td>2024/12/5</td><td>更新賽事APP下載功能，新增雙平台下載按鈕</td><td>UX內部修正</td><td></td></tr><tr><td>5</td><td>2024/12/11</td><td><ol><li>3.2-賽事影音名稱，調整為『賽會影音』</li><li>6.3.3-接駁車路線(外連) 移除</li></ol></td><td>客戶Figma回覆</td><td></td></tr><tr><td>6</td><td>2024/12/16</td><td><ul><li>5.4.2-外送優惠(外連) 改為 內頁形式</li><li>6.3.2-訂車平臺(外連) 選單按鈕移除</li></ul></td><td>客戶Figma回覆</td><td></td></tr><tr><td>7</td><td>2024/12/23</td><td><ul><li>2.5-媒體資訊名稱更改為『媒體專區』</li></ul></td><td>客戶Figma回覆</td><td></td></tr><tr><td>8</td><td>2024/12/27</td><td><ul><li>6.2.4-Uber叫車名稱改為『Uber優惠』</li></ul></td><td>客戶翻譯文件</td><td></td></tr></tbody></table>