> 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/2.0-shi-zhuang-yun/2.22025-shuang-bei-shi-zhuang-yun/2.2.2-shen-ban-guo-cheng.md).

# 2.2.2-申辦過程

### Meta Data設定

<table><thead><tr><th width="171">項目</th><th width="438">內容</th><th>備註</th></tr></thead><tbody><tr><td>頁面簡述</td><td>介紹雙北市申辦2025世壯運過程、組委會、歷年里程碑</td><td></td></tr><tr><td>網址URL</td><td>/application</td><td></td></tr><tr><td>【頁籤名稱】 網址</td><td><ul><li>【過程介紹】          /application/1</li><li>【組織架構】          /application/2</li><li>【里程碑】              /application/3</li></ul></td><td></td></tr><tr><td>Page Title</td><td>申辦過程｜2025雙北世界壯年運動會</td><td></td></tr><tr><td>Page Description</td><td>2025年世界壯年運動會由台北市與新北市成功聯合申辦，展現城市活力與國際體育影響力。說申辦過程中的重要里程碑，雙北的共同努力，以及組委會的組織架構，確保賽事籌備與執行的順利進行。</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" %}

* 頁面介紹雙北市申辦2025世壯運的過程、組織委員會架構、歷年重要事件里程碑
* 共有 3 個頁籤
  * 過程介紹
  * 組織架構
  * 里程碑
    {% endhint %}

### 設計規格

{% tabs %}
{% tab title="【過程介紹】 頁籤" %}

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FH24iY3UYf6NYXr4Wk8WE%2FFrame%20627137.png?alt=media&amp;token=4122bc47-98eb-40e9-93ff-24d966d8f163" alt=""><figcaption></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%2FDw7MSj3G2TBadvgWjGzw%2FFrame%20627138.png?alt=media&amp;token=d8bd98d2-adc5-4df1-be6d-b7b149dff752" alt=""><figcaption></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%2FvQLpHEauvHu6qPWd8Tn7%2FFrame%20627139.png?alt=media&amp;token=76d020fa-56d9-45ba-98c7-fc5ed436271f" 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%2FTdyzqanJg4U6E20KPQIW%2FFrame%20627311.png?alt=media&amp;token=7eb41499-009a-4b12-94cc-582c9845731d" alt=""><figcaption><p>里程碑元件</p></figcaption></figure>

   1. 以「年度」為單位，可點選右方『＋』 / 『-』 按鈕，切換關閉狀態＆開啟狀態
   2. 里程碑內容，每列以「月日」為日期單位，說明籌備執行過程內容
      1. 若日期有「起訖日期」，則以上下排列形式顯示，示意如下：

         <div align="left"><figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2Fy1qBldQ8M3Tct59ZA27i%2FFrame%20627310.png?alt=media&amp;token=7e24d507-8a42-461e-aa63-6327c49d8eb0" alt=""><figcaption></figcaption></figure></div>
   3. 當每列文字超過寬度，則自動往下斷行排列，字數不限<br>
2. **里程碑列表**
   1. 列表以年份為排列依據，自上到下，由最舊排列至最新年份，預設最舊的年份為開啟狀態，如全部有2019、2020、2021、2022 四個年份，則預設2019年份為開啟狀態
   2. 列表同時間只會開啟一個年份，當點選特定年份開啟狀態時，其餘年份會自動切換為關閉狀態
      {% endtab %}
      {% endtabs %}

### 連結設定

{% hint style="info" %}
完整連結(含無障礙設定)，請參考[2.2.2-申辦過程連結設定](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=270407310#gid=270407310)
{% endhint %}

### UI設計檔

{% tabs %}
{% tab title="【過程介紹頁籤】" %}
{% 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-190877&t=62dZpnUGpA4NzNe1-1>" %}

{% endtab %}

{% tab title="【組織架構頁籤】" %}
{% 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-190887&t=62dZpnUGpA4NzNe1-1>" %}

{% endtab %}

{% tab title="【里程碑頁籤】" %}
{% 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-190897&t=62dZpnUGpA4NzNe1-1>" %}

{% endtab %}
{% endtabs %}

### 原始資料來源

* [申辦過程](https://docs.google.com/document/d/1QebA9pA2_3qilOrgHT-pkiAMZv1KygNg/edit)
* [組織架構](https://docs.google.com/document/d/1qC8yJfXuVzNsXEJo9aLxbElcp9qEZsxX/edit)
* [里程碑(中、英、日、韓語系版本)](https://drive.google.com/drive/folders/1ZYLhSbfKLfobG8LPonYAcIrt_h4ZYQW0?usp=drive_link)

***

### 修訂記錄

<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>2024.11.28</td><td><ul><li>里程碑元件中『年月』日期，若有起訖日期，則以上下兩個日期形式呈現</li></ul></td><td>MX內部討論</td><td></td></tr><tr><td>2</td><td>2024.12.27</td><td><ul><li>第二個頁籤名稱組織圖，改為『組織架構』</li><li>組織架構頁籤(原組織圖) 中段落標題組織委員會架構，改為『組織委員會』</li></ul></td><td>客戶翻譯文件</td><td></td></tr></tbody></table>