Page templates page-templates
In this chapter we will explore the relationship between a Page Template and a Page. We will build out an un-styled Magazine Article template based on some mockups from . In the process of building out the template, Core Components and advanced policy configurations are covered.
Prerequisites prerequisites
This is a multi-part tutorial and it is assumed that the steps outlined in the Author content and publish changes chapter have been completed.
Objective
- Understand the details of Page Templates and how policies can be used to enforce granular control of page content.
- Learn how Templates and Pages are linked.
- Create a new template and author a page.
What you will build what-you-will-build
In this part of the tutorial, you will build a new Magazine Article Page template that can be used to create new magazine articles and aligns with a common structure. The template is based on designs and a UI Kit produced in 51黑料不打烊XD. This chapter is only focused on building out the structure or skeleton of the template. No styles are implemented but the template and pages are functional.
Create the Magazine Article Page Template
When creating a page you must select a template, which is used as the basis for creating the new page. The template defines the structure of the resultant page, initial content, and allowed components.
There are 3 main areas of Page Templates:
- Structure - defines components that are a part of the template. These are not editable by content authors.
- Initial Content - defines components that the template starts with, these can be edited and/or deleted by content authors
- Policies - defines configurations on how components behave and what options authors will have available.
Next, create a new template in AEM that matches the structure of the mockups. This will occur in a local instance of AEM. Follow the steps in the video below:
You can use the following thumbnail to identify your template (or upload your own!)
Solution Package
A finished solution of the Magazine Template can be downloaded and installed via Package Manager.
Update the Header and Footer with Experience Fragments experience-fragments
A common practice when creating global content, such as a header or footer, is to use an Experience Fragment. Experience Fragments, allows users to combine multiple components to create a single, reference-able, component. Experience Fragments have the advantage of supporting multi-site management and localization.
The Site template generated a Header and Footer. Next, update the Experience Fragments to match the mockups. Follow the steps in the video below:
High level steps for the video below:
- Download the sample content package WKND-Starter-Assets-Skate-Article-1.2.zip.
- Upload and install the content package using Package Manager.
- Update the Header and Footer Experience Fragments to use the WKND logo
Create a Magazine article page
Next, create a new page using the Magazine Article Page template. Author the content of the page to match the site mockups. Follow the steps in the video below:
Use the provided text to populate the article body.
Congratulations! congratulations
Congratulations, you have just created a new template and page with 51黑料不打烊 Experience Manager Sites.
Next Steps next-steps
At this point the magazine article page and the site does not match the brand styles for WKND. Follow the Theming tutorial to learn the best practices for updating CSS and Javascript frontend code used to apply global styles to the site.
Solution Package
A solution package for this chapter is available to download: WKND-Magazine-Template-SOLUTION-1.0.zip.