建立和新增範本和元件 creating-and-adding-templates-and-components
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隨選文章版面。
-
在 管理文章,選取 + 以建立文章。 您可以選擇 Unlimited文章 或 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頁面,您就可以新增其他元件至頁面或編輯現有元件。
新增其他元件至頁面:
- 選擇頁面,並透過編輯器標題右上角的下拉式清單,確定您處於編輯模式
- 使用編輯器標題中最左側的圖示切換側面板
- 選取 元件 標籤
- 將其中一個可用元件拖放至頁面
若要編輯現有元件,請執行下列動作:
- 選擇該頁面,並確保您位於 編輯 模式並選取元件
- 選取扳手圖示以設定元件