使用自訂變更列樣式
變更列是垂直線,以視覺化方式識別新內容或修訂的內容。 AEM Guides可讓您在主題內已變更內容的左側顯示變更列,也可在PDF輸出的目錄中顯示已變更的主題。
如需有關顯示變更列的詳細資訊,請參閱 建立已發佈版本間具有變更列的PDF 設定於 發佈PDF輸出.
主題中變更的內容
變更列會顯示在已插入、變更或刪除之主題的內容左側。
您可以修改下列樣式以顯示變更的內容以及變更列。
NOTE
這些樣式是
layout.css
檔案,您可以視需要加以編輯。例如,您可以在下列專案中使用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"}
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178