使用自訂變更列樣式

變更列是垂直線，以視覺化方式識別新內容或修訂的內容。 AEM Guides可讓您在主題內已變更內容的左側顯示變更列，也可在PDF輸出的目錄中顯示已變更的主題。

如需有關顯示變更列的詳細資訊，請參閱 建立已發佈版本間具有變更列的PDF 設定於 發佈PDF輸出.

主題中變更的內容

變更列會顯示在已插入、變更或刪除之主題的內容左側。

您可以修改下列樣式以顯示變更的內容以及變更列。

例如，您可以在下列專案中使用color屬性： .inserted-block 樣式定義所插入內容在發佈PDF輸出中的顯示方式。

...
.inserted-block {
  color: #2ECC40;
  display: inline;
  -ro-comment-content: " ";
  -ro-comment-style: underline;
  -ro-comment-title: "Inserted";
  -ro-comment-date: attr(data-time);
  -ro-comment-dateformat: "yyyy/dd/MM HH:mm:ss";
}
...

同樣地，您可以使用 .deleted-block 樣式，定義已刪除內容在發佈PDF輸出中的顯示方式。

...
.deleted-block {
  display: inline;
  color: #FF6961;
  text-decoration: line-through;
  -ro-comment-content: " ";
  -ro-comment-style: strikeout;
  -ro-comment-title: "Deleted";
  -ro-comment-date: attr(data-time);
  -ro-comment-dateformat: "yyyy/dd/MM HH:mm:ss";
}
...

您可以使用 .inserted-change-bar 和 .deleted-change-bar 樣式來修改出現在更新內容左側的變更列的外觀。

例如，您可以使用 -ro-change-bar-color 中的屬性 .inserted-change-bar 以綠色顯示插入變更列的樣式。 您也可以使用 -ro-change-bar-color 中的屬性 .deleted-change-bar 以紅色顯示已刪除變更列的樣式。

...
.inserted-change-bar {
  -ro-change-bar-color: #2ECC40;
}

.deleted-change-bar {
  -ro-change-bar-color: #FF6961;
  }
...

{width="500"}

目錄(TOC)中的已變更主題

您也可以在PDF輸出目錄(TOC)中變更主題左邊新增變更列。 您可以使用 -ro-change-bar-color 中的屬性 .changed-topic 樣式，以您選取的顏色為目錄清單中更新的主題新增變更列。

例如，您可以新增綠色變更列。

...
.changed-topic {
 -ro-change-bar-color: #2ECC40;
}
...

這會針對目錄中所有已進行部分更新的主題顯示綠色變更列。 您可以按一下目錄中的已變更主題並檢視詳細變更。

{width="500"}