建立可透過頁面編輯器編輯的頁面的範本 creating-page-templates

您可以使用範本編輯器建立範本，內容作者可使用該範本建立可透過「頁面編輯器」編輯的頁面。

概觀 overview

作者建立頁面時，必須選取範本，作為新頁面的基礎。 範本會定義結果頁面的結構、任何初始內容，以及在頁面編輯器中編輯頁面時可使用的元件。

使用​ 範本編輯器，建立和維護範本不是開發人員專屬的工作。 稱為​ 範本作者 ​的超級使用者型別可以建立範本。 開發人員必須設定環境、建立使用者端程式庫和建立要使用的元件，但是當這些基本功能準備就緒後，範本作者 ​就可以彈性地建立和設定範本，而不需要開發人員介入。

範本編輯器 ​允許範本作者：

本檔案說明​ 範本作者 ​如何使用​ 範本編輯器 ​來建立和管理可編輯的範本。

如需技術層面可編輯範本如何運作的詳細資訊，請參閱開發人員檔案可編輯範本以取得詳細資訊。

在您開始之前 before-you-start

開始之前，請務必考慮到建立範本需要共同作業。 因此，每個工作都會顯示角色。 這不會影響您實際使用範本來建立頁面的方式，但會影響頁面與其範本的關聯方式。

角色 roles

建立新範本需要下列角色之間的共同作業：

由於某些工作的性質（例如建立資料夾），需要開發環境，而這需要知識/經驗。

本檔案中詳細列出的任務以及負責執行這些任務的角色。

建立和管理範本 creating-and-managing-templates

建立可編輯的範本時，您可以：

建立範本資料夾 — 管理員 creating-a-template-folder-admin

您應該為專案建立範本資料夾，以儲存專案特定的範本。 這是一項管理員工作，並在檔案頁面範本中說明。

建立新範本 — 範本作者 creating-a-new-template-template-author

定義範本屬性 — 範本作者 defining-template-properties-template-author

範本可以有下列屬性：

建立範本後，請使用​ 範本主控台 ​檢視或編輯範本屬性。

範本縮圖影像 template-thumbnail-image

若要定義範本縮圖：

啟用和允許範本 — 範本作者 enabling-and-allowing-a-template-template-author

若要在建立頁面時使用範本，您需要：

啟用範本 — 範本作者 enabling-a-template-template-author

可以啟用或停用範本，使其在​ 建立頁面 ​精靈中可用或無法使用。

使用​ 範本主控台 ​來啟用或停用範本。

允許範本 — 作者 allowing-a-template-author

範本可以供某些頁面分支使用或無法使用。

發佈範本 — 範本作者 publishing-a-template-template-author

由於範本在轉譯頁面時為參考狀態，因此必須發佈已完整設定的範本，才能用於發佈環境。

使用​ 範本主控台的Publish範本。

編輯範本 — 範本作者 editing-templates-template-authors

建立或編輯範本時，您可以定義多個方面。 編輯範本類似於頁面製作。

工具列中的​ 模式 ​選取器可讓您選取並編輯範本的適當外觀：

雖然​ 頁面資訊 ​功能表上的​ 頁面原則 ​選項可讓您選取必要的頁面原則：

範本屬性 template-attributes

可以編輯範本的下列屬性：

結構 template-structure

頁面作者無法從結果頁面中移動/移除新增至結構的元件。 如果您希望頁面作者能夠在產生的頁面中新增和移除元件，則需將段落系統新增至範本。

鎖定元件後，您可以新增頁面作者無法編輯的內容。 您可以解除鎖定元件，以定義初始內容。

初始內容 template-initial-content

解鎖元件後，您可以定義複製到結果頁面（使用範本建立）的初始內容。 您可以在產生的頁面上編輯這些已解鎖的元件。

版面配置 template-layout

使用版 面 ，您可以預先定義所需裝置格式的範本版面。範本製作的 「版面」模式與頁面製作的「版面 ​ 」模式功能相同。

頁面原則 template-page-policies

頁面原則可以將預先定義的頁面原則連線至頁面。 這些頁面原則會定義各種設計配置。

樣式 template-styles

樣式系統可讓範本作者在元件的內容原則中定義樣式類別，讓內容作者在編輯頁面上的元件時能夠選取這些類別。 這些樣式可作為元件的替代視覺變體，使其更靈活。

如需詳細資訊，請參閱樣式系統檔案。

編輯範本 — 結構 — 範本作者 editing-a-template-structure-template-author

在​ 結構 ​模式中，您可為範本定義元件和內容，並為範本及其元件定義原則。

您可以在範本編輯器的​ 結構 ​模式中執行數個動作，以及數個功能可協助您：

新增元件 add-components

將元件新增至範本的機制有幾種：

新增後，每個元件都會標示：

元件動作 component-actions

將元件新增至範本後，請對元件執行動作。 每個個別例項都有可讓您存取可用動作的工具列，工具列視元件型別而定。

範本元件的

也可以取決於所採取的動作，例如當原則已與元件相關聯時，則設計設定圖示會變為可用。

編輯和設定 edit-and-configure

透過這兩個動作，您可以將內容新增至元件。

指示結構的邊框 border-to-indicate-structure

在​ 結構 ​模式下工作時，橘色邊框表示目前選取的元件。 虛線也表示父元件。

原則與屬性（一般） policy-and-properties-general

內容（或設計）原則會定義元件的設計屬性。 例如，可用的元件或最小/最大尺寸。 這些適用於範本（以及使用範本建立的頁面）。

為元件建立內容原則，或選取現有的原則。

這可讓您定義設計詳細資訊。

設定視窗分為兩個部分。

可用的屬性取決於所選的元件。 例如，對於文字元件，屬性會定義複製和貼上選項、格式選項和段落樣式等選項。

政策 policy

內容（或設計）原則會定義元件的設計屬性。 例如，可用的元件或最小/最大尺寸。 這些適用於範本（以及使用範本建立的頁面）。

在​ 原則 ​下，您可以透過下拉式清單選取要套用至元件的現有原則。

選取​ 選取原則 ​下拉式清單旁的新增按鈕，即可新增原則。 在​ 原則標題 ​欄位中提供新標題。

使用下拉式清單旁的複製按鈕，可以複製​ 選取原則 ​下拉式清單中選取的現有原則作為新原則。 在​ 原則標題 ​欄位中提供新標題。 依預設，複製的原則標題為​ X ​的副本，其中X是複製原則的標題。

在​ 原則說明 ​欄位中，原則的說明是選擇性的。

在​ 其他範本也使用選取的原則 ​區段中，您可以輕鬆地檢視其他哪些範本使用​ 選取原則 ​下拉式清單中所選取的原則。

屬性 properties

在​ 屬性 ​標題下，您可以定義元件的設定。 標題有兩個標籤：

主要 main

在​ 主要 ​標籤上，元件最重要的設定已定義。

例如，對於影像元件，可定義允許的寬度並啟用延遲載入。

如果設定允許多個組態，請選取​ 新增 ​按鈕以新增另一個組態。

若要移除設定，請選取設定右側的​ 刪除 ​按鈕。

若要移除設定，請選取​ 刪除 ​按鈕。

功能 features

功能 ​索引標籤可讓您啟用或停用元件的其他功能。

例如，對於影像元件，您可以定義裁切比例、允許的影像定向以及是否允許上傳。

原則和屬性（配置容器） policy-and-properties-layout-container

配置容器的原則與屬性設定與一般使用方式類似，但有一些差異。

設定視窗分為兩個部分，就像視窗的一般使用方式一樣。

政策 policy-layout

內容（或設計）原則會定義元件的設計屬性。 例如，可用的元件或最小/最大尺寸。 這些適用於範本（以及使用範本建立的頁面）。

在​ 原則 ​下，您可以透過下拉式清單選取要套用至元件的現有原則。 其運作方式與視窗的一般使用方式相同。

屬性 properties-layout

在​ 屬性 ​標題下，您可以選擇哪些元件可用於配置容器並定義其設定。 標題有三個索引標籤：

已允許的元件 allowed-components

在​ 允許的元件 ​索引標籤上，您定義哪些元件可用於配置容器。

預設元件 default-components

在​ 預設元件 ​索引標籤上，您可以定義哪些元件會自動與指定的媒體型別建立關聯，這樣當作者從資產瀏覽器拖曳資產時，AEM就會知道要與哪個元件建立關聯。 只有具備拖放區域的元件才適用於此類設定。

選取​ 新增對應 ​以新增全新的元件和MIME型別對應。

在清單中選取元件，並選取​ 新增型別，將其他MIME型別新增至已對應的元件。 按一下「 刪除 」圖示以移除MIME類型。

回應式設定 responsive-settings

在​ 回應式設定 ​標籤上，您可以設定配置容器之產生格線中的欄數。

解鎖和鎖定元件 unlock-and-lock-components

您解鎖/鎖定元件，以定義內容是否可在​ 初始內容 ​模式中變更。

解鎖元件後：

這包括解除鎖定容器元件，以便在初始內容模式或產生的頁 面中新增其他元件 。如果您在解除鎖定容器之前已將元件/內容新增至容器，則這些元件/內容在​ 結構 ​模式中不再顯示，但會以​ 初始內容 ​模式顯示。 在​ 結構模式 ​中，只有容器元件本身會顯示其​ 允許的元件 ​清單。

為了節省空間，配置容器不會為了容納允許的元件清單而增大。 容器會變成可捲動清單。

可配置的元件以「策略」表徵圖顯示 ​ ​，可以點選或按一下該表徵圖以編輯該元件的策略和屬性。

與現有頁面的關係 relationship-to-existing-pages

如果在根據範本建立頁面後更新結構，則這些頁面將反映範本的變更。 工具列中會顯示警告訊息，提醒您這個事實以及確認對話方塊。

正在使用範本的

編輯範本 — 初始內容 — 作者 editing-a-template-initial-content-author

初始內容 ​模式用於定義首次根據範本建立頁面時顯示的內容。 然後，頁面作者可以編輯初始內容。

雖然在「結構 」模式下建立的所有內容在「初始內容」中都可 見 ​，但只能選擇和編輯已解鎖的元件。

編輯範本 — 版面 — 範本作者 editing-a-template-layout-template-author

您可以為一系列裝置定義範本配置。 範本的回應式佈局運作方式與頁面製作相同。

編輯範本 — 頁面原則 — 範本作者/開發人員 editing-a-template-page-policy-template-author-developer

「頁面資訊」功能表的「頁面政策」選項下會維護包含必要用戶端程 式庫的頁面原 則 ​ ​。

若要存取​ 頁面原則 ​對話方塊：

頁面原則 page-policies

您可以將內容原則套用至範本或結果頁面。 這會定義頁面上主要段落系統的內容原則。

頁面屬性 page-properties

使用頁面屬性，您可以使用​ 頁面設計 ​對話方塊來定義所需的使用者端程式庫。 這些使用者端程式庫包含要與範本及使用該範本建立的頁面一起載入的樣式表和JavaScript。

編輯範本 — 初始頁面屬性 — 作者 editing-a-template-initial-page-properties-author

使用​ 初始頁面屬性 ​選項，您可以定義建立結果頁面時要使用的初始頁面屬性。

最佳做法 best-practices

建立範本時，您應考慮：