header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務，與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法，了解已知問題，或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對，幫助實現目標。
placeholder-preview-image
  1. 首頁
  2. Wix CMS：新增並設定「豐富內容」欄位

Wix CMS：新增並設定「豐富內容」欄位

11 分鐘
建立與集合品項相關的大型內容區塊，並可從 CMS（內容管理系統）內部設定格式。您可將格式化文字與媒體、檔案、HTML 程式碼、社交媒體文章、Wix 商務解決方案及更多功能混合使用。在網站上新增並連結豐富內容元件時，系統會維持與集合欄位中相同的格式設定。
若要了解此流程概覽，請檢查我們的 終極 CMS 指南影片。

在集合中新增「豐富內容」欄位類型

在集合中建立新欄位時，請選擇「豐富內容」欄位類型。您也可以編輯現有欄位，將其轉換為「豐富內容」欄位。建立「豐富內容」欄位後，即可在欄位中為集合中的每個品項新增內容並設定格式。

若要新增「豐富內容」欄位：

  1. 前往網站管理介面的 CMS。或者，點擊編輯器中的 CMS ，然後點擊 您的集合。
  2. 點擊相關集合。
  3. 點擊 管理欄位。
  4. 點擊 + 新增欄位。
  5. 選擇 豐富內容 並點擊 選擇欄位類型。
  6. 在 欄位名稱 欄位中輸入名稱。
  7. （僅限 Velo）更新用於網站程式碼的 欄位 ID。稍後無法更新此 ID。
  8. （選填）若希望集合中的欄位標題旁顯現工具提示，請輸入 說明文字。
  9. 點擊 儲存。
新增「豐富內容」欄位類型的螢幕截圖
  1. 點擊集合中相關項目的「豐富內容」欄位。
點擊「豐富內容」欄位以為品項新增內容的螢幕截圖
  1. 輸入品項要使用的文字，並從頂部可用的格式選項中進行選擇。您也可透過底部的圖示新增圖片、影片、附件和更多功能。
使用豐富內容編輯器頂端格式工具列的螢幕截圖
想在「豐富內容」欄位中使用預設值嗎？
您可新增套用至每個新品項「豐富內容」欄位的預設值。建立或編輯「豐富內容」欄位時，點擊 預設值 索引標籤並新增要套用至新品項的內容。瞭解更多 為欄位新增預設值 的相關資訊。

新增豐富內容元件至頁面

將豐富內容元件新增至網站，接著將其連結至綁定集合的 資料集。現在即可將豐富內容元件附加至 重複列表，以便同時顯示多個項目的動態內容。
  1. 前往編輯器。
  2. 前往要新增豐富內容元件的頁面或區段。
  3. 點擊編輯器左側的 CMS  。
  4. 點擊 新增內容元件。
  5. 點擊 豐富內容。
  6. 點擊豐富內容元件上的 連結至 CMS 圖示 。
  7. 點擊 選擇資料集 下拉選單，然後選擇連結至集合的現有資料集。或者，點擊 新增資料集，然後選擇要連結的集合，為資料集命名並點擊 建立。
  8. 點擊 將內容連結至 下拉選單，然後選擇已建立的「豐富內容」欄位。
  9. 點擊豐富內容檢視器元件上的 設定。
將豐富內容檢視器元件連結至 Wix CMS 的螢幕截圖
  1. 選擇長內容的顯示方式：
    • 顯示全部：在檢視器中顯示已連結「Rich Content」欄位的所有內容。
    • 修剪：僅在檢視器中顯示長內容的部分內容：
      1. 選擇如何修剪在檢視器中顯現的內容：
        • 段落：選擇顯示的段落數量。若要在檢視器中顯示圖片、影片和桌次等內容，請啟用顯示外掛程式內容。
        • 字數：選擇顯示的字數。
      2. 點擊「顯示更多」按鈕切換開關，選擇內容的展開方式：
        • 已啟用：若內容經過修剪，訪客可點擊「顯示更多」連結來展開顯示的內容。請在顯示更多／更少文字欄位中輸入要使用的文字。
        • 已停用：若所有內容無法以最適大小在檢視器中顯示，文字將被修剪並以「...」結束。訪客無法點擊展開顯示的內容。 
編輯豐富內容檢視器元件設定的螢幕截圖
  1. 點擊 Rich Content 檢視器元件上的版面配置圖示 ，並設定頂部、底部和側邊邊距。
  2. 點擊設計圖示 ，即可自訂背景和「顯示更多」按鈕色彩、邊框、圓角，並覆寫文字格式。
提示：
在動態項目頁面上，點擊 預覽 下拉選單並選擇其他項目，即可查看「豐富內容」欄位在各個版本頁面上的顯示效果。

豐富內容編輯器中的格式選項與功能

從集合編輯「豐富內容」欄位時，請從頂部選項中選擇文字格式。您可點擊底部的圖示來新增表格、HTML 程式碼和社交媒體文章等功能。

點擊下方即可瞭解更多豐富內容編輯器中的可用選項資訊。

這有幫助嗎？

|
在此文章中
  • 在集合中新增「豐富內容」欄位類型
  • 新增豐富內容元件至頁面
  • 豐富內容編輯器中的格式選項與功能

這有幫助嗎？

|