# 集合頁面

任何時候在集合中創建新的項目（如部落格文章等），都會為它自動創建一個頁面。集合頁的工作方式類似於模板--集合頁的布局和設計適用於所有自動生成的項目頁。

本文會提到：

1. 創建一個集合頁面
2. 添加和連接內容
3. 預覽集合頁面
4. 連結到集合頁面
5. 集合頁面設置

![](/files/hEaZPK9329I5sE4g9pps)

## 創建一個集合頁面

創建一個集合時，一個集合頁面也將自動創建。您可以在頁面面板上選擇這個集合頁面，並在集合頁面部分選擇它。集合頁旁邊的紫色圖標表示它是CMS生成的頁面。

![](/files/8vO9oR23PAp5DW7fiGhO)

## 添加和連接內容

您可以像其他靜態頁面一樣設計和開發集合頁面--但當想把動態內容引入該設計時，集合頁面的力量就會出現。

**添加靜態和動態元素**\
就像集合列表一樣，放入集合頁面的元素是靜態的，直到它們被連接到集合中的一個字段。像設計其他頁面一樣設計集合頁面，但該頁面作為所有集合項目的模板。

您可以透過以下步驟將您設計中的不同元素連接到集合字段。

1. 在集合頁上選擇一個元素
2. 點擊設置圖標（或進入元素設置面板--快捷鍵：D)
3. 勾選從集合中獲取的內容
4. 打開下拉選單，選擇要獲取內容的集合字段

當一個元素從一個字段獲取內容，它就不僅僅是針對這一個項目。這個字段在該集合的所有項目的頁面上都與該元素相連。

![](/files/iJPw8GrkAN1CqVHYX7D3)

## 預覽和切換集合頁面

當在編輯一個集合頁面時，看起來好像您只是在編輯集合中的一個項目。事實上您在同時編輯所有其他的頁面，因為是在編輯一個模板。

您可以使用頂部欄的下拉選單將頁面中的內容切換到任何集合項目。您可以在Collection頁面下拉選單頂部的搜索欄或快速查找欄中輸入一個特定的頁面名稱，從而進入該頁面。

![](/files/bQxc3hu8cWTnKdP9G23q)

![](/files/Pex5XR6d3D26ra9gmq7I)

## 連結到集合頁面

您可以從其他集合頁面或集合列表中連結到一個集合頁面。請按照以下步驟從集合列表中連結。

1. 添加一個集合列表
2. 將它連接到一個集合集
3. 添加一個按鈕，或任何其他連結元素到集合列表中
4. 選擇連結元素，點擊齒輪圖標（或進入元素設置面板）
5. 選擇紫色的集合頁面連結選項
6. 選擇當前項目\
   這將把集合列表中的每個按鈕連結到為每個項目創建的各自的集合頁面

**專業提示**\
可以在連結設置的URL字段類型中把任何連結元素連接到一個連結字段。

## 集合頁設置

在集合頁設置中，您可以為集合頁模板設置SEO元標題和描述，Open Graph標題和描述，RSS，以及自定義代碼。然而與靜態頁面設置不同的是，集合頁面設置可以有動態值，意思是它們會導致每個集合項目頁面的獨特信息。

您可以透過設置圖標訪問集合頁設置，當把鼠標懸停在頁面面板中的集合頁模板上時，會出現這個圖標。

![](/files/3SCGrXkYkSVUsFTTecOG)

### 動態SEO設置

您可以使用集合字段為頁面標題和描述定義一個模板。而且可以在預覽框中看到它們在搜索引擎結果頁（SERP）中的樣子。

![](/files/r82NjkiOiLlQ4fGNsCBH)

### 動態開放圖譜設置

在這裡可以設置在Facebook、Twitter、LinkedIn、Pinterest和Google+上分享集合頁面的連結時將會呈現的訊息。使用Collection字段將為每個頁面創建一個模板，從而為每個頁面帶來獨特的Open Graph訊息。

![](/files/RkoCPoRrrXoC26XUaKi3)

### RSS源設置

您可以在集合頁面設置中為合集啟用一個RSS 2.0 feed。這將發布一個RSS閱讀器用戶可以訂閱的feed，並在發布新的集合項目時獲得更新。

![](/files/ulHyg4UInxkEGlW48YDt)

在這裡可以定義feed的設置，您可以使用集合字段為RSS頻道的標題、描述和其他設置創建動態模板，也可以在頁面設置中直接看到feed的預覽，甚至可以複製RSS URL，用於其他應用程序，在網站上添加連結。

### 自定義代碼

您可以將自定義代碼和腳本添加到Collection頁面模板的或標籤中，適用於所有集合頁面。\
而且如果這段代碼包含任何您希望每個收藏品頁面有獨特的信息，那麽您可以在代碼中用收藏品字段替換這個值。簡單地說，選擇該值，然後點擊位於自定義代碼文本字段右上方的紫色+添加字段。

![](/files/Cu5TAQgYKF78YuOAWd38)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tenten.co/docs-webflow/webflow-101/6-cms/ji-he-ye-mian.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.