製作內容片段 authoring-content-fragments

編寫您的內容片段時同時注重Headless傳送和頁面編寫。

有兩個編輯器可用於內容片段。 本節所述的編輯器:

  • 已針對headless內容傳送開發(儘管可用於所有情境)
  • 可從​ 內容片段 ​主控台使用

此編輯器提供:

WARNING
本節中說明的編輯器​ ​可在​ 線上 Adobe Experience Manager (AEM)as a Cloud Service中使用。

內容片段編輯器 content-fragment-editor

第一次開啟內容片段編輯器時,您會看到四個主要區域:

  • 頂端工具列:用於關鍵資訊和動作

    • 內容片段主控台的連結 (首頁圖示)

    • 有關模型和檔案夾的資訊

    • 預覽的連結(如果為模型設定了預設預覽URL模式)

    • Publish取消發佈動作

    • 顯示全部​ 父參考內容 ​的選項 (連結圖示)

    • 狀態 ​片段,以及最後儲存的資訊

    • 用來切換至原始 (以資產為主) 編輯器的切換開關

      note warning
      WARNING
      原始編輯器會在相同標籤中開啟。 不建議同時開啟兩個編輯器。
  • 左面板:顯示內容片段的​ 變數 ​及其​ 欄位

  • 右側面板:顯示標籤,其中顯示屬性(中繼資料)和標籤、有關版本歷程記錄的資訊,以及與任何語言副本相關的資訊

    • 在「屬性」標籤中,您可以更新片段的「標題」和「說明」,或者更新「變數
  • 中央面板:顯示所選變數的實際欄位和內容

    • 允許您編輯內容
      • 當在模型中設定為(多個)時,各種資料型別可讓您​ 新增 ​相關欄位的例項
    • 如果​ 標籤預留位置 ​欄位已在模型中定義,則會顯示在這裡,且可用於導覽;這些欄位將會水準顯示,或作為下拉式清單顯示。
    note note
    NOTE
    根據基礎模型中的定義,欄位可能會受特定型別的驗證的限制。

內容片段編輯器 — 概觀

導覽內容片段結構 navigate-structure

單一內容片段;

  • 包含兩個層級:

    • 內容片段的​ 變數
    • 欄位 — 由內容片段模型定義,並由每個變數使用
  • 可以包含各種參照。

變數和欄位 variations-and-fields

在左側面板中,您可以看到:

  • 已針對此片段建立的​ 變數 ​清單:

    • Main ​是第一次建立內容片段時出現的變數,您可以稍後新增其他變數
    • 您可以使用「產生變數」(Generate Variations(#generate-variations))來使用Adobe針對特定使用案例建立的提示型範本。
    • 您也可以建立變數
  • 片段中的​ 欄位 ​及其變數:

    • 圖示表示資料型別
    • 文字是欄位名稱
    • 這些共同提供了中央面板中欄位內容的直接連結(適用於目前的變數)

在編輯器的各個部分中,您可以看到連結圖示。 這可用來開啟顯示的專案;例如,內容片段模型、父參照或參照的片段:

內容片段編輯器 — 連結圖示

結構樹 structure-tree

從編輯器工具列開啟​ 結構樹狀結構 ​標籤,以顯示內容片段及其參照的階層結構。 使用連結圖示導覽至參照。

內容片段編輯器 — 結構樹狀結構

NOTE
如需詳細資訊,請參閱分析內容片段結構 — 結構樹狀結構

儲存和自動儲存 saving-autosaving

每次進行更新後,內容片段都會自動儲存。 上次儲存的時間會顯示在頂端工具列中。

變化 variations

變數是AEM內容片段的重要功能。 它們可讓您建立並編輯​ 主要 ​內容的復本,以用於特定管道和情境,使Headless內容傳送和頁面製作更加靈活。

從編輯器中,您可以:

建立變數 create-variation

若要建立內容片段的變數:

  1. 在左側面板中,選取​ 變數 ​右側的​ 加號建立變數)。

    note note
    NOTE
    建立第一個變數後,現有的變數將會列在相同面板中。

    內容片段編輯器 — 建立您的第一個變數

  2. 在對話方塊中,輸入變數的​ Title,並視需要輸入​ Description

    內容片段編輯器 — 建立變數對話方塊

  3. 建立 ​變數。 它會出現在清單中。

重新命名變數 rename-variation

若要重新命名​ 變數

  1. 選取所需的變數。

  2. 開啟右側面板中的​ 屬性 ​索引標籤。

  3. 更新變數​ 標題

  4. 按下​ Return ​或移至其他欄位以自動儲存變更。 標題已在左側的​ 變數 ​面板中更新。

使用GenAI建立變化並產生變化 generate-variations-ai

使用Generative Variations來利用Generative AI加速內容建立。

在內容片段編輯器中使用產生式變數:

  1. 開啟內容片段編輯器。 在標題中,您會找到「產生變數」的進入點:

    在內容片段編輯器中產生變數

  2. 產生變數會在新標籤中開啟。 在左側欄中,您可以看到AEM Cloud例項以及您正在建立內容的內容片段。 選取您要使用的提示,或建立新提示。

    note note
    NOTE
    目前可用的Adobe提示範本有限,但未來版本將會新增更多範本。

    匯出以產生內容片段中的變化

  3. 透過填寫提示產生內容。 片段中的內容模型將會使用GenAI自動用來產生內容。

    note note
    NOTE
    我們目前僅支援文字欄位。

    匯出以產生內容片段中的變化

  4. 選取您喜歡的產生變體,然後選取「匯出變數」。 確認內容片段變數的名稱,並選取:

    • 匯出:將變數匯出至內容片段,並停留在產生變數應用程式中。

    • 匯出並開啟:將變數匯出至內容片段,並開啟新標籤,顯示具有GenAI新變數的內容片段。

      匯出以產生內容片段中的變化

  5. 產生的變化會顯示在主要內容片段編輯器中。

    檢視內容片段中的產生變化

請參閱產生變數以瞭解更多資訊。

刪除變數 delete-variation

若要刪除內容片段的變數:

>[!NOTE]
>
>您無法刪除​**Main**.
  1. 選取變數。

  2. 在​ 變數 ​面板中,選取刪除圖示(垃圾桶):

    內容片段編輯器 — 刪除變數圖示

  3. 對話方塊隨即開啟。 選取​ 刪除 ​以確認動作。

編輯多行文字欄位 — 純文字或Markdown edit-multi-line-text-fields-plaintext-markdown

多行文字 ​欄位可以有下列三種格式之一:

定義為純文字或Markdown的欄位具有簡單的文字方塊,不含(熒幕上)格式選項:

內容片段編輯器 — 多行文字 — 全熒幕

編輯多行文字欄位 — Rtf edit-multi-line-text-fields-rich-text

定義為​ RTF ​的​ 多行文字 ​欄位可使用各種功能:

  • 編輯內容:

    • 還原/重做
    • 貼上/貼上成文字
    • 複製
    • 選取段落格式
    • 建立/管理表格
    • 文字格式;粗體、斜體、底線、顏色
    • 設定段落對齊方式
    • 建立/管理清單;專案符號、編號
    • 縮排文字;減少、增加
    • 清除目前的格式
    • 插入連結
    • 選取並插入影像資產的參照
    • 新增特殊字元
  • 全熒幕編輯器 — 在全熒幕和流動之間切換

  • 統計資料

  • 比較與同步

例如:

內容片段編輯器 — 多行文字 — 全熒幕切換

NOTE
在​ 欄位 ​面板中,多行文字欄位也由適當的圖示表示。

全熒幕編輯器 — RTF full-screen-editor-rich-text

全熒幕編輯器提供與內嵌相同的編輯選項,但提供更多空間給文字。

例如:

內容片段編輯器 — 多行文字 — 全熒幕

統計資料 — RTF文字 statistics-rich-text

動作​ Statistics ​會顯示多行欄位中文字的資訊範圍。

例如:

內容片段編輯器 — 統計資料

比較和同步 — RTF compare-and-synchronize-rich-text

當您開啟​ 變數 ​時,動作​ 比較 ​可用於多行欄位。

這會在全熒幕中開啟多行欄位,並且:

  • 同時顯示​ 主要 ​和目前​ 變數 ​的內容,並反白顯示任何差異

  • 差異以顏色表示:

    • 綠色表示已新增內容(至變數)
    • 紅色表示內容已移除(從變數中)
    • 藍色表示取代的文字
  • 提供​ 同步 ​動作,將內容從​ 主要 ​同步至目前的變數

    • 如果​ 主要 ​已更新,則這些變更將會傳輸到變數
    • 如果已更新變數,則這些變更將會被​ 主要 ​的內容覆寫
    note caution
    CAUTION
    同步僅可用於將變更​ 從​ Main ​複製到變數
    將變更​ 從變化傳輸至​ 主要 不提供選項。

例如,變數內容已完全重寫的情境,因此同步處理會以​ 主要 ​的內容取代該新內容:

內容片段編輯器 — 比較和同步

管理引用 manage-references

片段參考 fragment-references

片段參考可用於:

建立現有內容片段的參考 create-reference-existing-content-fragment

若要建立現有內容片段的參考:

  1. 選取欄位。

  2. 選取​ 新增現有片段

  3. 從片段選擇器中選取所需的片段。

    note note
    NOTE
    您一次只能選取一個片段。

建立內容片段和參考 create-reference-content-fragment

或者,您可以選取​ 建立新片段 ​以開啟​ 建立 ​對話方塊。 建立後,將參考此片段。

內容參考 content-references

內容參考用於參考其他AEM內容型別,例如影像、頁面和體驗片段。

參考影像 reference-images

在​ 內容參考 ​欄位中,您可以:

  • 已存在於存放庫中的參考資產

  • 將它們直接上傳到欄位;如此可避免需要使用​ Assets ​主控台來上傳

    note note
    NOTE
    若要將影像直接上傳到​ 內容參考 ​欄位,它​ 必須
    • 已定義​ 根路徑 (在內容片段模型中)。 這會指定影像的儲存位置。
    • 在接受的內容型別清單中包含​ 影像

若要新增資產,您可以:

  • 將新的資產檔案直接拖放到​ 內容參考 ​欄位(例如,從您的檔案系統)

  • 使用​ 新增資產 ​動作,然後選取​ 瀏覽Assets ​或​ 上傳 ​以開啟適當的選取器供您使用:

    內容片段編輯器 — 新增資產選項

參考頁面 reference-pages

若要新增對AEM頁面、體驗片段或其他這類內容型別的參照:

  1. 選取​ 新增內容路徑

  2. 在輸入欄位中新增必要路徑。

  3. 向​ 新增 ​確認。

NOTE
此引數不應用於下列專案的參照:

檢視父參照 view-parent-references

選取頂端工具列中的連結圖示,會開啟所有父參照的清單。

例如:

內容片段編輯器 — 顯示參考

隨即開啟一個視窗,列出所有相關參照。 若要開啟參照,請選取名稱或標題,或連結圖示。

例如:

內容片段編輯器 — 顯示參考

檢視屬性和標籤 view-properties-tags

在右側面板的屬性標籤中,可檢視屬性(中繼資料)和標籤。 屬性可以是:

  • 針對​ 內容片段 — 若目前已選取​ 主要
  • 針對特定​ 變數

內容片段編輯器 — 屬性

編輯屬性和標籤 edit-properties-tags

在「屬性」標籤(右側面板)中,您也可以編輯:

  • 標題

  • 說明

  • 標籤:使用下拉式清單或選取範圍對話方塊

    內容片段編輯器 — 管理標籤

開啟內容片段模型 open-content-fragment-model

當您選取​ 主要 ​時,屬性區段中會顯示基礎內容片段模型的名稱。 選取連結圖示,在單獨的標籤中開啟模型。

例如:

內容片段編輯器 — 開啟內容片段模型

檢視版本記錄 view-version-history

在右側面板的​ 版本記錄 ​標籤中,會顯示目前版本和先前版本的詳細資料:

NOTE
發佈內容片段時會建立新版本。

內容片段編輯器 — 版本記錄總覽

比較版本 compare-version

對於內容片段,您可以比較先前版本與目前版本。

若要比較上一個版本與目前版本:

  1. 選取版本旁的三點圖示。

  2. 選取​ 比較

內容片段編輯器 — 版本記錄比較

這會開啟一個檢視,其中顯示內容目前版本與所選內容片段先前版本之間的差異。 從​ 含有變更的變數 ​下拉式清單中,您可以選取檢視與主要內容的差異和/或來自變數的內容。

差異以顏色表示:

  • 綠色:表示已新增內容(至目前版本)
  • 紅色:表示內容已移除(從目前版本)

內容片段編輯器 — 版本記錄比較版本

還原為版本 revert-version

您可以還原成任何版本。

還原至特定版本:

  1. 選取版本旁的三點圖示。

  2. 選取​ 回覆

內容片段編輯器 — 版本記錄回覆

檢視語言副本 view-language-copies

在​ 語言屬性 ​索引標籤中,會顯示任何相關語言副本的詳細資料。 選取連結圖示,即可在個別標籤中開啟副本。

例如:

內容片段編輯器 — 開啟語言副本

NOTE
如需有關翻譯內容片段和建立語言副本的詳細資訊,請參閱AEM Headless翻譯歷程

預覽您的片段 preview-content-fragment

內容片段編輯器為作者提供在外部前端應用程式中預覽其編輯的選項。

若要使用此功能,您首先需要:

  • 與您的IT團隊合作,設定外部前端應用程式,該應用程式會透過使用其JSON輸出來呈現內容片段。
  • 設定外部前端應用程式時,預設預覽URL模式 ​必須定義為適當內容片段模式🔗的屬性。

定義URL後,預覽 ​按鈕會啟用。 您可以選取此按鈕來啟動外部應用程式(在單獨的索引標籤中)以呈現內容片段。

Publish您的片段 publish-content-fragment

您可以​ Publish ​您的片段至:

  • 預覽例項
  • Publish執行個體

您可以從編輯器或控制檯發佈您的片段。 如需完整詳細資訊,請參閱發佈和預覽片段

取消發佈您的片段 unpublish-content-fragment

您也可以​ 取消發佈 ​您的片段,從以下任一項:

  • 預覽例項
  • Publish執行個體

您可以從編輯器或控制檯取消發佈您的片段。 如需完整詳細資訊,請參閱取消發佈片段

欄位、資料型別和圖示 fields-datatypes-icons

欄位 ​面板會列出內容片段中的所有欄位。 圖示表示​ 資料型別

單行文字
多行文字
數字
布林值
日期和時間
列舉
標記
內容參考
片段參考
JSON 物件

標籤預留位置

雖然沒有實際圖示表示,但 索引標籤預留位置 會顯示在左側面板中。
它也顯示在中央面板中,水準顯示或下拉式清單(當太多無法水準顯示時)。

很高興知道 good-to-know

  • 若要編輯內容片段,您需要適當的許可權。 如果您遇到問題,請聯絡您的系統管理員。

    例如,如果您沒有edit許可權,編輯器將是唯讀的。

  • 內容片段模型通常可以定義名為​ Title ​和​ Description ​的資料欄位。 如果這些欄位存在,則為使用者定義的欄位,可以在編輯片段時在​ 中央面板 ​中更新。

    內容片段及其變化也有稱為​ Title ​和​ Description ​的中繼資料欄位(變化屬性)。 這些欄位是任何內容片段不可或缺的一部分,並在片段時最初定義。 編輯片段時,它們可以在​ 右側面板 ​中更新。

  • 請參閱Assets檔案以取得原始內容片段編輯器的完整資訊 — 可從​ Assets ​主控台和​ 內容片段 ​主控台取得。

  • 您的專案團隊可視需要自訂編輯器。 如需詳細資訊,請參閱自訂內容片段主控台和編輯器

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab