> 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/4.0-jing-sai-zi-xun/4.2-yun-dong-zhong-lei-lie-biao.md).

# 4.2-運動種類列表

### Meta Data設定

<table><thead><tr><th width="171">項目</th><th width="438">內容</th><th>備註</th></tr></thead><tbody><tr><td>頁面簡述</td><td>列出世壯運全部賽事種類(共35種)，供使用者點選進入特定運動種類，檢視更多運動種類資訊</td><td></td></tr><tr><td>網址URL<br></td><td>/sports</td><td></td></tr><tr><td>【頁籤名稱】 網址</td><td>Ｘ 無頁籤</td><td></td></tr><tr><td>Page Title</td><td>運動種類列表｜2025雙北世界壯年運動會</td><td></td></tr><tr><td>Page Description</td><td>探索2025年世界壯年運動會的運動種類列表，頁面提供全部35種運動種類的詳細介紹入口。使用者可以輕鬆點選進入，深入了解各項運動的規則、特點及參賽信息，全面掌握賽會的運動項目精華。</td><td></td></tr><tr><td>OG Image設定</td><td>使用全站用<a href="/2025wmg/fu-lu-qing-dan/quan-zhan-meta-data-she-ding-qing-dan.md#og-image">OG:Image</a></td><td></td></tr></tbody></table>

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

***

### 功能簡述

{% hint style="info" %}

* 透過列表形式，提供世壯運全部賽事種類(共35種)，供使用者點選進入特定運動種類，檢視更多運動種類資訊
* 列表上方提供運動分類篩選下拉選單與關鍵字搜尋功能
  {% endhint %}

### 設計規格

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FWjYGn2v96yEGQ1dAI2h4%2FFrame%20627213.png?alt=media&amp;token=1ba4630c-b1bc-4d77-acb0-4d701bec55d8" alt=""><figcaption></figcaption></figure>

1. **篩選＆搜尋功能列**

   <figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FKiJzHbO8l250k02ICErC%2FFrame%20627214.png?alt=media&amp;token=34e77046-736a-4fc2-8a82-be60f1cafd72" alt=""><figcaption></figcaption></figure>

   1. 針對[所有運動種類項目](https://docs.google.com/spreadsheets/d/13HZQRnFUWqADrlgF9z1rN-PswrXVJLae/edit?gid=1998058785#gid=1998058785)，以「運動分類」欄位，進行分類篩選
   2. 當選擇特定運動分類後，列出該運動分類的運動種類元件列表
   3. 運動分類下拉選單
      1. 項目內容：
         1. 全部
         2. 帕拉運動
         3. 陸上運動
         4. 水域運動
         5. 球類運動
         6. 技擊運動
      2. 預設項目：全部
   4. 關鍵字搜尋列
      1. 搜尋範圍：
         1. 以運動種類元件中的「運動種類名稱文字」為搜尋範圍，進行模糊比對搜尋
      2. 若搜尋關鍵字無相符內容時，顯示[搜尋無符合結果狀態頁面](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.2-yun-dong-zhong-lei-lie-biao/yun-dong-zhong-lei-lie-biao-sou-xun-wu-fu-he-jie-guo-zhuang-tai.md)
   5. 篩選結果數：
      1. 列出符合篩選條件的總數，如：共35項
   6. 主要規格，請參照[篩選＆搜尋功能列](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/quan-yu-xing-gong-neng/shai-xuan-sou-xun-gong-neng.md)<br>
2. **運動種類元件**

   <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2F0hW6egYvCnSAZLrXjknB%2F%E9%81%8B%E5%8B%95%E7%A8%AE%E9%A1%9E.png?alt=media&amp;token=77f4d3e8-0052-4a6d-afe2-bfe07e9d87f8" alt=""><figcaption></figcaption></figure></div>

   1. 顯示全部35種運動種類按鈕，點選特定運動種類前往相對應[4.2.1-運動種類內頁](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.2-yun-dong-zhong-lei-lie-biao/4.2.1-yun-dong-zhong-lei-nei-ye.md)

### 連結設定

<table data-full-width="true"><thead><tr><th width="177">區塊</th><th>連結圖片示意</th><th>開啟形式<select><option value="s30xPWWMdFV6" label="同頁開啟" color="blue"></option><option value="fBJ57gNPKSqQ" label="另開新頁" color="blue"></option></select></th><th>連結設定</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%2FKfIsy03u3Ni5NbNGJQ5a%2Fimage.png?alt=media&amp;token=6e7c803d-ee60-44c9-a7e2-e05e36be9da1" alt="" data-size="original"></td><td><span data-option="s30xPWWMdFV6">同頁開啟</span></td><td>/sports/<mark style="color:red;">{1}</mark></td><td>前往<a href="/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/4.0-jing-sai-zi-xun/4.2-yun-dong-zhong-lei-lie-biao/4.2.1-yun-dong-zhong-lei-nei-ye.md">4.2.1-運動種類內頁</a></td></tr></tbody></table>

{% hint style="info" %}
完整連結(含無障礙設定)，請參考[4.2-運動種類列表連結設定](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=1443135672#gid=1443135672)
{% endhint %}

### 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=7101-224299&t=jCjktccTfqWMVvt7-1>" %}

***

### 修訂記錄

<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>