CMS:新增及設定「豐富內容」欄位
建立與集合項目相關的大型內容區塊,並直接在 CMS(內容管理系統)中設定格式。您可混合使用格式化文字、媒體、檔案、HTML 程式碼、社交媒體文章、Wix 商家解決方案及更多功能。在網站上新增並連結豐富內容元件後,系統會保留在集合欄位中設定的格式。
如需了解此流程的概覽,請查看終極 CMS 指南影片。
在集合中新增「豐富內容」欄位類型
在集合中建立新欄位時,選擇「豐富內容」欄位類型。也可編輯現有欄位,將其轉換為「豐富內容」欄位。建立「豐富內容」欄位後,為集合中的每個項目新增內容並設定格式。
新增「豐富內容」欄位:
- 前往網站管理介面的 CMS。或者,也可點擊編輯器中的 CMS
,然後點擊集合。 - 點擊相關集合。
- 點擊管理欄位。
- 點擊+新增欄位。
- 選擇豐富內容,然後點擊選擇欄位類型。
- 在欄位名稱欄位中輸入名稱。
- (僅限 Velo)更新欄位 ID,此 ID 會用於網站程式碼,之後無法再更新。
- (選填)若要在集合的欄位標題旁顯示工具提示,請輸入說明文字。
- 點擊儲存。

- 點擊集合中相關項目的「豐富內容」欄位。

- 輸入要用於此項目的文字,並從頂端選擇可用的格式設定選項。也可透過底部的圖示新增圖片、影片、附件及更多內容。

想在「豐富內容」欄位中使用預設值嗎?
您可新增預設值,並套用至每個新項目的「豐富內容」欄位。建立或編輯「豐富內容」欄位時,點擊預設值索引標籤,然後新增要套用至新項目的內容。深入了解如何新增欄位預設值。
在頁面中新增豐富內容元件
Wix 編輯器
Studio 編輯器
- 前往編輯器。
- 前往要新增豐富內容元件的頁面或區段。
- 點擊編輯器左側的 CMS
。 - 點擊「新增內容元件」。
- 點擊「豐富內容」。
- 點擊豐富內容元件上的「連結至 CMS」圖示
。 - 點擊「選擇資料集」下拉式選單,並選擇已連結至集合的現有資料集。或者,點擊 「新增資料集」,選擇要連結的集合、輸入資料集名稱,然後點擊「建立」。
- 點擊「內容連結至」下拉式選單,並選擇已建立的「豐富內容」欄位。
- 點擊豐富內容檢視器元件上的「設定」。

- 選擇長篇內容的顯示方式:
- 顯示全部:檢視器會顯示已連結「豐富內容」欄位中的所有內容。
- 截短:檢視器只會顯示部分長篇內容:
- 選擇如何截短檢視器中顯示的內容:
- 段落:選擇要顯示的段落數量。若要在檢視器中顯示圖片、影片和資料表等內容,請啟用「顯示外掛程式內容」。
- 字詞:選擇要顯示的字詞數量。
- 點擊「顯示更多按鈕」切換開關,選擇內容的展開方式:
- 啟用:如果內容已截短,訪客可點擊「顯示更多」連結,展開顯示的內容。在「顯示更多/更少文字」欄位中輸入要使用的文字。
- 停用:系統會截短文字;如果檢視器無法容納所有內容,文字結尾會顯示「...」。訪客無法點擊展開顯示的內容。
- 選擇如何截短檢視器中顯示的內容:

- 點擊豐富內容檢視器元件上的「版面配置」圖示
,並設定上方、下方和兩側的邊距。 - 點擊「設計」圖示
,即可自訂背景、「顯示更多」按鈕的色彩、框線與圓角,並覆寫文字格式。
提示:
在動態項目頁面上,點擊預覽下拉式選單並選擇其他項目,查看「多媒體內容」欄位在各個頁面版本中的顯示效果。
多媒體內容編輯器的格式設定選項與功能
在集合中編輯「多媒體內容」欄位時,可使用頂端的選項設定文字格式。點擊底部的圖示,即可新增表格、HTML 程式碼和社交媒體文章等功能。
點擊下方連結,了解更多多媒體內容編輯器提供的選項。
文字格式
圖片
影片
圖庫
分隔線
表格
新增檔案
插入 HTML 程式碼
社交媒體
Wix 商家解決方案
表情符號
GIF
新增程式碼片段
可展開清單
按鈕


新增圖片,然後選擇下列格式選項:
大小:選擇圖片大小:小型最適大小、中等、全螢幕或原始大小。
對齊方式:選擇靠左、置中或靠右對齊。
連結:將圖片連結至網站頁面、網址或豐富內容中的區段。您可
設定:新增圖片標題和替代文字、設定點擊圖片時將其展開,並選擇是否允許下載。
取代:選擇要顯示的其他圖片。
刪除:移除圖片。
即可新增影片。接著貼上影片網址並點擊「嵌入影片」,即可嵌入影片;也可從「上傳」索引標籤上傳影片。
即可新增媒體項目圖庫。選擇要新增的媒體,然後點擊「加到頁面」。接著選擇下列格式選項:
新增媒體:在圖庫中新增更多圖片或影片。
即可新增分隔線。接著選擇線條樣式和寬度。
。
,即可新增 HTML 程式碼或內嵌網站網址。輸入 HTML 程式碼或網址,然後點擊「儲存」。接著使用格式選項調整 HTML 小工具的寬度、高度和對齊方式。
,即可從分類清單中選擇要新增的表情符號。
,搜尋並新增 GIF 動態圖片。
,即可新增可折疊清單,讓檢視者點擊展開並閱讀更多資訊。接著輸入訪客點擊前顯示的清單標題,再輸入展開後顯示的內容。
,即可新增按鈕。接著自訂按鈕:
,輸入按鈕文字並貼上連結,再選擇下列選項:
,選擇文字對齊方式:靠左、置中或靠右。