TEMPLATES FOR PAGES INSTALL
TEMPLATES FOR PAGES CODE

Set the policy to Page Main and ensure that the Default Element is set to main.

Lock the main container that was included when the template was initially created.

The footer element will be targeted with CSS in the next chapter.

Set the policy to Page Footer and ensure that the Default Element is set to footer.

Configure the component to point to /content/experience-fragments/wknd/us/en/site/footer/master.

Add an Experience Fragment component to act as the Footer at the bottom of the template.The headerelement will be targeted with CSS in the next chapter. Set the policy to Page Header and ensure that the Default Element is set to header.Configure the component to point to /content/experience-fragments/wknd/us/en/site/header/master.Add an Experience Fragment component to act as the Header at the top of the template.Create a new template using the Page Template Type, named Article Page.High level steps for the video below: Structure configurations Your browser does not support the iframe element. Next we will inspect a UI Kit and mockups to help plan the structure of the Article Page Template. Adobe XD is a design tool building user experiences. In most cases, planning for a new website starts with mockups and static designs. No styles will be implemented but the template and pages will be functional. This chapter is only focused on building out the structure or skeleton of the template. The Article Page Template will be based on designs and a UI Kit produced in AdobeXD. In this part of the tutorial, you will build a new Article Page Template that can be used to create new article pages and aligns with a common structure. Learn how Templates and Pages are linked.Understand the details of Editable Templates and how policies can be used to enforce granular control of page content.Inspect a page design created in Adobe XD and map it to Core Components.

TEMPLATES FOR PAGES CODE

You can always view the finished code on GitHub or check the code out locally by switching to the branch tutorial/pages-templates-solution.

TEMPLATES FOR PAGES INSTALL

$ mvn clean install -PautoInstallSinglePackage -Pclassic If using AEM 6.5 or 6.4, append the classic profile to any Maven commands.

Templates for pages