In this academic, I will display you a way to create a internet site in CQ5 with little by little designated explanation of each step.
At the stop of this educational you’ll analyze:
- How to create structure of Website in AEM.
- How to create a Template in AEM.
- How to create a Rendering Component.
- How to create a Page in Site Admin in AEM.
Create Structure of Website in AEM (CQ5):
In this phase, we can create a directory shape for the website. Follow below steps to create listing shape for internet site in AEM (CQ5):
Tip:- Always provide node name in lower case, because they grow to be a part of the URL.
Your fundamental structure of website is completed.
Create a Template the usage of crxde to your website
A template is used to create a web page. To create a web page, the templates’s content (apps/<utility call>/templates/<template name>) need to be copied to corresponding position in web page tree. This occurs routinely whilst we create a web page the use of AEM.
When we create a template, following data receives saved at node repository:
- Label: cq:Template – node name
- Title: jcr:name – belongings
- Resource Type: sling:resourceType – assets
- Ranking: ranking – belongings
- Alowed Paths: allowedPaths – assets
In this section, we are able to create a template in AEM:
NameValueLabelmyTemplateTitleContent Page TemplateDescriptionThis is Simply Cracked Content page templateResource Typetraining/components/myComponent( We want to create a element with identical call “myComponent“)Ranking1(rating indicates the order wherein the template seems at the introduction page. Setting rank to one guarantees that the template seems first in the list.When we create a web page from website admin)
4. Click the + image prided with Allowed Path belongings. The Allowed Path property defines the route in which this template is to be used to create pages. Add the following price : /content(/.*)?
five. click on Next on the Allowed Parent display screen.
6. click OK on the Allowed youngsters display.
7. click Save All.
Note: Test the template created.
Create a Page Rendering Component:
Note: The Label name should be identical because the useful resource kind that we have supply on the time of making Template.NameValueLabelmyComponentTitleMy Custom ComponentDescriptionThis is Simply Cracked Content Page Component
<%@include file="/libs/basis/worldwide.jsp" %>
<head><identify>Welcome to Simply Cracked </identify></head>
<h1>Welcome to Simply Cracked</h1>
<h2>I am your rendering script!!</h2>
<cq:encompass path="par" resourceType="foundation/additives/parsys" />
Note:- international.jsp is used to include default scripts and libraries whereas init.jsp is used to display sidekick in authoring.
Create Pages in AEM :
A page is a place in which creator create and edit content, so that you can be considered by way of web page visitors in put up mode.
In this phase we are going to create a basic shape of website and pages in aem.
Tip: Always provide name in lower case as this could be part of url.
You have successfully rendered the thing on Template.