header-logo
開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
聘用專業人士與專家配對,幫助實現目標。
placeholder-preview-image

CMS:新增及設定「豐富內容」欄位

建立與集合項目相關的大型內容區塊,並直接在 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. 點擊豐富內容檢視器元件上的「設定」。
豐富內容檢視器元件連結至 CMS 的螢幕截圖。
  1. 選擇長篇內容的顯示方式:
    • 顯示全部:檢視器會顯示已連結「豐富內容」欄位中的所有內容。
    • 截短:檢視器只會顯示部分長篇內容:
      1. 選擇如何截短檢視器中顯示的內容:
        • 段落:選擇要顯示的段落數量。若要在檢視器中顯示圖片、影片和資料表等內容,請啟用「顯示外掛程式內容」。
        • 字詞:選擇要顯示的字詞數量。
      2. 點擊「顯示更多按鈕」切換開關,選擇內容的展開方式:
        • 啟用:如果內容已截短,訪客可點擊「顯示更多」連結,展開顯示的內容。在「顯示更多/更少文字」欄位中輸入要使用的文字。
        • 停用:系統會截短文字;如果檢視器無法容納所有內容,文字結尾會顯示「...」。訪客無法點擊展開顯示的內容。 
豐富內容檢視器元件設定的編輯畫面截圖。
  1. 點擊豐富內容檢視器元件上的「版面配置」圖示 ,並設定上方、下方和兩側的邊距。
  2. 點擊「設計」圖示 ,即可自訂背景、「顯示更多」按鈕的色彩、框線與圓角,並覆寫文字格式。
提示:
在動態項目頁面上,點擊預覽下拉式選單並選擇其他項目,查看「多媒體內容」欄位在各個頁面版本中的顯示效果。

多媒體內容編輯器的格式設定選項與功能

在集合中編輯「多媒體內容」欄位時,可使用頂端的選項設定文字格式。點擊底部的圖示,即可新增表格、HTML 程式碼和社交媒體文章等功能。

點擊下方連結,了解更多多媒體內容編輯器提供的選項。