> 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/3.0-sai-hui-xiao-xi/3.1-zui-xin-xiao-xi-lie-biao/3.1.1-zui-xin-xiao-xi-nei-ye.md).

# 3.1.1-最新消息內頁

### Meta Data設定

<table><thead><tr><th width="171">項目</th><th width="368">內容</th><th>備註</th></tr></thead><tbody><tr><td>頁面簡述</td><td>最新消息內容，透過後台管理上稿</td><td></td></tr><tr><td>網址URL</td><td>/news/<mark style="color:red;">{yyyymmdd}</mark></td><td>頁面網址以建立年月日命名</td></tr><tr><td>【頁籤名稱】 網址</td><td>Ｘ 無頁籤</td><td></td></tr><tr><td>Page Title</td><td><mark style="color:red;">{內頁標題文字}</mark>｜2025雙北世界壯年運動會</td><td>Title帶入後台標題文字</td></tr><tr><td>Page Description</td><td><mark style="color:red;">{內頁描述文字}</mark></td><td>Description帶入後台描述文字</td></tr><tr><td>OG Image設定</td><td><mark style="color:red;">使用後台上傳的縮圖</mark></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" %}

* 最新消息內頁透過後台管理編輯上稿內容
* 上稿區塊：
  * 基本資料
    * 消息分類
    * 文章標題文字
    * 發布日期
    * 縮圖
    * 摘要文字
  * 內容區塊
    * 透過CMS內容元件編輯內容，參考[頁面內容元件](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/quan-yu-xing-gong-neng/ye-mian-nei-rong-yuan-jian.md)
    * 除段落標題元件不使用外，共有7種內容元件
      {% endhint %}

### 設計規格

<figure><img src="https://933433492-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FigGuRzvi7b8gTMDtYDBn%2Fuploads%2FU3TQD1Cn25zBaboMo4e5%2FFrame%20627164.png?alt=media&amp;token=76db3436-8cfb-47ec-ad9b-7e0f3cdac395" alt=""><figcaption></figcaption></figure>

1. **基本資料**
   1. 消息分類：
      1. 顯示該消息設定的分類標籤名稱
   2. 文章標題文字：
      1. 超過寬度自動斷行往下排列，字數不限
   3. 發布日期：
      1. 顯示年月日，如：2024.12.15
2. **內容區塊**
   1. 共使用7種內容元件，編輯上稿內容 (不使用段落標題元件)
   2. 內容元件規格，請參考[頁面內容元件](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/quan-yu-xing-gong-neng/ye-mian-nei-rong-yuan-jian.md)
3. **返回列表**
   1. 點選按鈕，前往[3.1-最新消息列表](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/3.0-sai-hui-xiao-xi/3.1-zui-xin-xiao-xi-lie-biao.md)
4. **分享功能列**
   1. 功能規格，請參考[分享功能列](/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/quan-yu-xing-gong-neng/fen-xiang-gong-neng-lie.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%2FFEPW1aQ9LAOeAb0HiUQr%2F%E6%88%AA%E5%9C%96%202024-11-19%2015.14.16.png?alt=media&amp;token=bd07f815-0f82-4ddf-acd1-67b6cde357b6" alt="" data-size="original"></td><td><span data-option="s30xPWWMdFV6">同頁開啟</span></td><td>/news</td><td>前往<a href="/2025wmg/di-si-zhang-chan-pin-she-ji-gui-ge/3.0-sai-hui-xiao-xi/3.1-zui-xin-xiao-xi-lie-biao.md">3.1-最新消息列表</a></td></tr></tbody></table>

{% hint style="info" %}
完整連結(含無障礙設定)，請參考[3.1.1-最新消息列表連結設定](https://docs.google.com/spreadsheets/d/1mbYNsNVQGtUAlDKejE4DphAiQwHbe40KvPUrDCuWGIw/edit?gid=1708728343#gid=1708728343)
{% 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-224298&t=62dZpnUGpA4NzNe1-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>