建立頁面時,您必須選取範本,此範本將用作建立新頁面的基礎。 範本會定義結果頁面的結構、任何初始內容,以及可使用的元件。
使用范 本編輯器,建立和維護範本不再是開發人員專屬的工作。也可以涉及一種稱為模板作 者的權力用戶。開發人員仍需要設定環境、建立用戶端程式庫和建立要使用的元件,但是當這些基本功能準備就緒後,範本作者就可以彈性地建立和設定範本,而不需要開發專案。
Templates Console允許模板作者:
範本編輯器可讓範本作者:
本檔案說明範本作者如何使用範本主控台和編輯器來建立和管理可編輯的範本。
如需可編輯範本在技術層級運作的詳細資訊,請參閱開發人員檔案頁面範本以取得詳細資訊。
范 本編輯器不支援直接在範本層級定位。可以定位根據可編輯的範本建立的頁面,但無法定位範本本身。
管理員必須在Configurations Browser中配置模板資料夾,並應用適當的權限,模板作者才能在該資料夾中建立模板。
在您開始之前,請務必考慮建立新範本需要共同作業。 因此,會為每個任務指示角色。 這不會影響您實際使用範本建立頁面的方式,但會影響頁面與其範本的關聯方式。
使用「模板控制台」和「模 板編輯器 」建立新模板時 ,需要在以下角色之間協作:
admin
權限。template-authors
的成員
由於某些任務的性質(如建立資料夾),因此需要開發環境,這需要知識/經驗。
本文檔中詳述的任務將列出負責執行這些任務的角色。
建立新的可編輯範本時:
https://<host>:<port>/libs/wcm/core/content/sites/templates.html/conf
允許的範本通常會在您的網站初次設定時預先定義。
切勿將任何需要國際化的資訊輸入到模板中。
對於必須本地化的範本元素,例如頁首和頁尾,請運用核心元件的本地化功能。
應為您的專案建立範本資料夾,以存放專案專用的範本。 這是一項管理任務,在文檔頁面模板中有說明。—>
開啟范 本主控台 (透過工具-> 一 般 ),然後導覽至所需的檔案夾。
在標準AEM例項中,範本主控台中已存在global資料夾。 如果當前資料夾中未找到策略和/或模板類型,則此選項將保留預設模板並充當備援。
建議使用為您的項目](/docs/experience-manager-cloud-service/implementing/developing/full-stack/components-templates/templates.html?lang=zh-Hant#template-folders)建立的[模板資料夾的最佳做法。
選擇建立,然後選擇建立模板以開啟嚮導。
選擇模板類型,然後選擇Next。
範本類型是預先定義的範本版面,可視為範本的範本。 這些是由開發人員或系統管理員預先定義的。 如需詳細資訊,請參閱開發人員檔案頁面範本.—>
完成Template Details:
選擇 建立。將顯示確認資訊,選擇Open開始編輯模板,或選擇Done返回模板控制台。
建立新範本時,在主控台中會標示為Draft,這表示該範本尚未可供頁面作者使用。
範本是功能強大的工具,可簡化您的頁面建立工作流程。 不過,太多範本可能會讓作者感到不知所措,並讓頁面建立變得困惑。 一個很好的經驗法則是將範本數控制在100以下。
Adobe不建議使用超過1000個範本,因為可能會影響效能。
範本可以有下列屬性:
要查看和/或編輯屬性:
控制台會指出範本的狀態(草稿、啟用或停用)。
要定義模板縮覽圖,請執行以下操作:
若要在建立頁面時能夠使用範本,您必須:
可以啟用或停用範本,以便在建立頁面精靈中提供或無法使用範本。
當範本啟用後,當範本作者開始進一步更新範本時,將會顯示警告。 這是為了通知使用者範本可能被參考,因此任何變更都可能會影響參考範本的頁面。
控制台會指出範本的狀態(草稿、啟用或停用)。
範本可供某些頁面分支使用或無法使用。
開啟頁面屬性,以查看希望模板可用的分支的根頁面。
開啟進階標籤。
在「 範本設定 」下 ,使用「新增」欄位 ,指定範本的路徑。
路徑可以是明確的或使用模式。 例如:
/conf/<your-folder>/settings/wcm/templates/.*
路徑順序不相關,所有路徑都將被掃描,並檢索任何模板。
如果允許的模板清單為空,則樹將一直上升,直到找到值/清單。
請參閱範本可用性 —— 允許範本的原則保持不變。
按一下保存保存對頁面屬性的更改。
通常允許的範本會在設定時預先定義給整個網站。
當轉譯頁面時參考範本時,必須發佈已完全設定的範本,以便在發佈環境中使用。
建立或編輯範本時,您可以定義多個方面。 編輯範本類似於頁面製作。
工具列中的Mode選擇器允許您選擇和編輯模板的適當方面:
雖然頁面資訊功能表上的頁面原則選項可讓您選擇所需的頁面原則](#page-policies):[
如果作者開始編輯已啟用的範本,將會顯示警告。 這是為了通知使用者範本可能被參考,因此任何變更都可能會影響參考範本的頁面。
可以編輯模板的以下屬性:
添加到structure的元件不能由頁面作者從合成頁面中移動/刪除。 如果您希望頁面作者能夠將元件新增及移除至產生的頁面,則必須將段落系統新增至範本。
當元件鎖定時,您可以新增內容,頁面作者無法編輯這些內容。 您可以解除鎖定元件,以允許定義初始內容。
在結構模式下,任何作為解鎖元件的父級的元件都不能移動、剪切或刪除。
解除鎖定元件後,您可以定義將複製到結果頁面(從範本建立)的初始內容。 這些解鎖的元件可在產生的頁面上編輯。
在初始內容模式以及結果頁面中,可以刪除任何具有可存取父項(即佈局容器中的元件)的解鎖元件。
使用版 面 ,您可以預先定義所需裝置格式的範本版面。範本製作的 「版面」模式與頁面製作的「版面 」模式功能相同。
頁面 策略可以將預定義的頁面策略連接到頁面。這些頁面原則可定義各種設計組態。
Style System允許模板作者在元件的內容策略中定義樣式類,以便內容作者在編輯頁面上的元件時能夠選擇它們。 這些樣式可以替代元件的視覺變化,讓元件更具彈性。
如需詳細資訊,請參閱Style System說明檔案。
在結構模式中,您定義模板的元件和內容,並定義模板及其元件的策略。
在模板編輯器的「結構」( Structure )模式下,可以執行一些操作,並可以執行一些功能來幫助您:
有幾種機制可將元件新增至範本:
新增後,每個元件都會標示為:
將現成可用的標題元件新增至範本時 ,其中會包含預設的文字 結構。
如果您變更此項,並新增您自己的文字,則從範本建立頁面時,將會使用此更新的文字。
如果您保留預設文字(結構),則標題將預設為後續頁面的名稱。
雖然不相同,但將元件和資產新增至範本與頁面編寫時的類似動作有許多相似之處。
將元件新增至範本後,請對元件採取動作。 每個單獨實例都有一個工具欄,允許您訪問可用操作,該工具欄取決於元件類型。
它也可以取決於所採取的操作,例如當策略與元件關聯時,設計配置表徵圖變為可用。
透過這兩個動作,您可以將內容新增至元件。
當在Structure模式下工作時,橙色邊框表示當前選擇的元件。 虛線也表示父元件。
內容(或設計)原則可定義元件的設計屬性。 例如,可用元件或最小/最大尺寸。 這些範本(和使用範本建立的頁面)適用。
為元件建立內容策略或選擇現有策略。
這可讓您定義設計詳細資訊。
配置窗口分為兩個部分。
可用的屬性取決於所選元件。 例如,對於文本元件,屬性定義了複製和貼上選項、格式設定選項和段落樣式等選項。
內容(或設計)原則可定義元件的設計屬性。 例如,可用元件或最小/最大尺寸。 這些範本(和使用範本建立的頁面)適用。
在Policy下,您可以通過下拉清單選擇要應用於元件的現有策略。
通過選擇選擇策略下拉清單旁邊的添加按鈕,可以添加新策略。 然後,應在Policy Title欄位中指定新標題。
選擇策略下拉清單中選定的現有策略可以使用下拉清單旁的複製按鈕作為新策略進行複製。 然後,應在Policy Title欄位中指定新標題。 預設情況下,複製的策略的標題為Copy of X ,其中X是複製策略的標題。
策略說明在策略說明欄位中是可選的。
在也使用所選策略部分的其他模板中,您可以輕鬆查看哪些其他模板使用在選擇策略下拉菜單中選擇的策略。
如果將相同類型的多個元件新增為初始內容,則相同的原則會套用至所有元件。
在Properties標題下,您可以定義元件的設定。 標題包含兩個標籤:
在Main標籤上,定義了元件的最重要設定。
例如,對於影像元件,可定義允許的寬度,並啟用延遲載入。
如果設定允許多個配置,請按一下或點選添加按鈕以添加另一個配置。
要刪除配置,請按一下或點選配置右側的Delete按鈕。
要刪除配置,請按一下或點選Delete按鈕。
功能標籤可讓您啟用或停用元件的其他功能。
例如,對於影像元件,您可以定義裁切比例、允許的影像方向,以及允許上傳。
請注意,在AEM裁切比例中,定義為height/width。 這與傳統的寬度/高度定義不同,而且是基於舊有相容性的原因。 如果您清楚地定義Name,則網頁編寫使用者將不會察覺到任何差異,因為這是UI中顯示的內容。
實施富格文本編輯器的組 件的內容策略只能針對RTE通過其UI設定提供的選項進行定義。
版面容器的原則和屬性設定與一般用途類似,但有些差異。
設定原則對於容器元件是必備的,因為它可讓您定義容器中可用的元件。
配置窗口分為兩個部分,與窗口的一般用法相同。
內容(或設計)原則可定義元件的設計屬性。 例如,可用元件或最小/最大尺寸。 這些範本(和使用範本建立的頁面)適用。
在Policy下,您可以通過下拉清單選擇要應用於元件的現有策略。 此功能與一般使用視窗時的功能相同。
在屬性標題下,您可以選擇哪些元件適用於版面容器並定義其設定。 標題有三個標籤:
在允許的元件標籤上,您定義哪些元件可用於版面容器。
在預設元件標籤中,您定義哪些元件會自動與指定的媒體類型關聯,如此當作者從資產瀏覽器拖曳資產時,AEM就知道要將資產與哪個元件關聯。 請注意,只有具有放置區域的元件可用於此類配置。
按一下或點選添加映射以添加全新的元件和MIME類型映射。
在清單中選取元件,然後按一下或點選「 新增類型 」,將其他MIME類型新增至已映射的元件。按一下「 刪除 」圖示以移除MIME類型。
在回應式設定標籤上,您可以設定版面容器的產生格線中的欄數。
您可以解除鎖定/鎖定元件,以定義內容是否可在初始內容模式中進行變更。
當元件已解除鎖定時:
這包括解除鎖定容器元件,以便在初始內容模式或產生的頁 面中新增其他元件 。如果您在解除鎖定容器之前已將元件/內容新增至容器,則這些元件/內容在「結構」模式中將不再顯示,但會以「初始內容 」模式顯示。在「 結構模式」中,只有容器元件本身會顯示其「允許的元 件」清單。
為節省空間,版面容器不會擴充以容納允許的元件清單。 容器會變成可捲動的清單。
可配置的元件以「策略」表徵圖顯示 ,可以點選或按一下該表徵圖以編輯該元件的策略和屬性。
如果在根據範本建立頁面後更新結構,則這些頁面將反映範本的變更。 工具列中會顯示警告,提醒您此事以及確認對話方塊。
初始 內容模式用於定義在首次根據範本建立頁面時將顯示的內容。然後頁面作者就可以編輯初始內容。
雖然在「結構 」模式下建立的所有內容在「初始內容」中都可 見 ,但只能選擇和編輯已解鎖的元件。
使用 該範本建立的頁面,可考慮編輯初始Contentmode。因此,策略不是在初始內容模式中定義,而是在結構模式中定義。
標籤可供編輯的解鎖元件。 選取後,它們會有藍色邊框:
解除鎖定的元件有工具列,可讓您編輯和設定內容:
如果容器元件已解除鎖定(在「結 構 」模式中),則您可以在「初始內容 」模式中新增元件至容器。在「初始內 容」模式中新增的元件 ,可在產生的頁面上移動或從中刪除。
您可以使用「拖曳元件到此處 」區域,或從適當容器的工具列 中使用「插入新元件 」選項來新增元件。
如果在根據範本建立頁面後更新範本的初始內容,則這些頁面不會受到範本中初始內容變更的影響。
初始內容是用於準備元件和頁面版面,以做為建立內容的起點。 它並非實際內容,而是維持原狀。 因此,無法翻譯初始內容。
如果您需要在範本中加入可翻譯的文字,例如在頁首或頁尾中,則可使用核心元件的本地化功能。
您可以為各種裝置定義範本版面。 範本 的互動式版面運作方式與網頁製作相同。
對版面所做的變更將反映在「初始內容」模式中,但「結構」模式中未顯示任何變更。****
「頁面資訊」功能表的「頁面政策」選項下會維護包含必要用戶端程 式庫的頁面原 則 。
要訪問頁策略對話框:
您可以將內容原則套用至範本或結果頁面。 這定義了頁面上主要段落系統的內容原則。
您可以從選擇策略下拉式清單中選擇該頁的現有策略。
通過選擇選擇策略下拉清單旁邊的添加按鈕,可以添加新策略。 然後,應在Policy Title欄位中指定新標題。
選擇策略下拉清單中選定的現有策略可以使用下拉清單旁的複製按鈕作為新策略進行複製。 然後,應在Policy Title欄位中指定新標題。 預設情況下,複製的策略的標題為Copy of X ,其中X是複製策略的標題。
在策略標題欄位中定義策略的標題。 必須有原則才能擁有標題,才能在選擇原則下拉式清單中輕鬆選取。
策略說明在策略說明欄位中是可選的。
在也使用所選策略部分的其他模板中,您可以輕鬆查看哪些其他模板使用在選擇策略下拉菜單中選擇的策略。
使用頁面屬性,您可以使用頁面設計對話方塊來定義所需的用戶端程式庫。 這些用戶端程式庫包括要載入範本的樣式表和javascript,以及使用該範本建立的頁面。
指定您要套用至使用此範本所建立之頁面的用戶端程式庫。 在用戶端程式庫區段的文字欄位中輸入程式庫名稱。
如果需要多個庫,請按一下「添加」按鈕為庫名稱添加其他文本欄位。
視需要為用戶端程式庫新增多個文字欄位。
使用拖曳控點拖曳欄位,以視需要定義程式庫的相對位置。
雖然範本作者可以在範本上指定頁面原則,但他或她需要從開發人員取得適當用戶端程式庫的詳細資訊。
使用初始頁面屬性選項,可以定義在建立結果頁面時使用的初始頁面屬性。
從模板編輯器中,從工具欄中選擇頁面資訊,然後選擇初始頁面屬性以開啟該對話框。
在對話方塊中,您可以定義要套用至使用此範本建立之頁面的屬性。
使用Done確認您的定義。
建立範本時,您應考慮:
從範本建立頁面後,範本變更的影響。
以下列出範本上可能的不同作業,以及它們對從它們建立的頁面有何影響:
結構變更:
變更內容原則和設計組態:
初始內容的變更:
版面的變更取決於修改的元件是否屬於:
在下列情況下,請格外小心:
鎖定或解除鎖定啟用範本上的元件。
這可能會產生副作用,因為現有的頁面已經在使用它。 通常:
AEM在變更不再是草稿之範本上元件的鎖定狀態時,會顯式提供警告。
建立您自己 的網站特定範本資料夾。
從「範本」 主控台發佈 您的範本。