建立和新增範本和元件 creating-and-adding-templates-and-components
- 用於以視覺化方式編輯Headless內容的通用編輯器。
- 內容片段編輯器,用於表單式編輯Headless內容。
AEM Mobile On-Demand提供完整設定的應用程式範本、文章範本和文章元件。
We.Unlimited應用程式是範例範本,代表可完整設定及管理的AEM Mobile隨選應用程式的外殼。
在建立應用程式時選取此範例範本,可提供AEM Mobile豐富的儀表板。
建立應用程式範本 creating-app-templates
應用程式範本是用來建立應用程式,並作為頁面範本和元件的集合,代表應用程式的基準或基礎。 範本會列出一些基本屬性,以便以適當的方式領導應用程式。 一般而言,客戶不會建立太多應用程式。
應用程式範本可讓您輕鬆使用開發人員建立的現有設計,以便在AEM中建立新的應用程式。
根據其他應用程式的範本建立應用程式時,您會得到其起點代表在其中建立該應用程式之應用程式的應用程式。
根據應用程式範本建立應用程式的步驟:
- 導覽至AEM Mobile應用程式目錄: <server-url>/aem/apps.html/content/mobileapps
- 選取 建立 > 應用程式,如下所示
使用此範本建立應用程式後,您可以將文章、橫幅和集合新增至應用程式。 若要重新造訪文章、橫幅和集合的建立,請參閱內容管理動作。
建立內容範本 creating-content-templates
每個實體型別都有兩個現成的範本。 說明如下:
- 預設範本: 用於以適用的預設屬性/結構建立內容
- 匯入的範本: 用於從AEM Mobile匯入內容,具有適用的預設屬性/結構
文章範本 article-templates
Unlimited文章是範例範本,代表典型的AEM Mobile隨選文章版面。
-
在 管理文章 中,選取 + 以建立文章。 您可以選擇 無限制文章 或 RTF文章。 下圖顯示的選項可讓您從這兩個文章範本的任何一個中進行選擇。
-
按一下 下一步 以定義文章中繼資料,例如文章名稱/標題、說明、作者、摘要、部門、縮圖影像、文章存取權等。
-
按一下[下一步] 填入廣告內容。
-
按一下 下一步 以輸入文章影像或社群媒體影像
-
按一下[下一步] ,選擇此新文章的集合連結。
-
按一下[下一步] 輸入社交分享的詳細資料。
-
按一下 建立,完成使用範例建立文章的程式。 您可以按一下 完成 或 編輯文章 來編輯此文章的內容。
新增元件至文章 adding-components-to-article
建立後,作者可以新增文字和影像等元件來編輯文章內容。 文章是AEM頁面範本的擴充功能。
選取要編輯的文章,然後按一下[編輯] 將元件新增至文章。
選擇左側面板上的'+',將元件新增至您的文章。
建立現成可用的範本 creating-out-of-the-box-templates
沒有現成的文章範本,不過自訂範本應擴充預設範本,請參閱Geometrixx Unlimited應用程式的文章範本範例。
超出一般AEM範本必要屬性的關鍵屬性包括;
dps-resourceType="dps:Article"
此屬性可確保將AEM頁面辨識為AEM Mobile目標文章頁面。
根據AEM範本,您可以將任何預設屬性或子節點新增到範本的 jcr:content。
橫幅和系列範本 banner-and-collection-templates
建立和新增元件 creating-and-adding-components
元件會使用並允許存取Widget,且這些元件會用於轉譯內容。
程式碼存放庫中包含簡單元件,其來源可以在AEM中找到。 接著,也可以在CRXDE Lite本機開啟它。
您可以將元件新增至頁面。 任何元件都可以在AEM Mobile應用程式中使用,但在套用時,可能無法正確呈現。
不過,若無在AEM中轉譯的自訂匯出內容同步處理常式,自訂元件可能無法正確地匯出並上傳至AEM Mobile On-demand Services。
一旦元件已連同數個其他建置區塊元件納入AEM頁面,您就可以新增其他元件至頁面或編輯現有元件。
若要新增其他元件至頁面:
- 選擇頁面,並透過編輯器標題右上角的下拉式清單,確定您處於編輯模式
- 使用編輯器標題中最左側的圖示切換側面板
- 選取 元件 索引標籤
- 將其中一個可用元件拖放至頁面
若要編輯現有元件:
- 選擇該頁面,並確定您處於 編輯 模式並選取元件
- 選取扳手圖示以設定元件