Last One User-Story of WorkShop

Server Config	Web Console Configuration
Sling/Log Support	配置log文件（Add new Loger）包名

/etc/designs	存放clientlib
创建时选择node	cq:ClientLibraryFolder
page结构	head,body,foot… header引入头文件一般css,foot一般引入js
–	–

Editable Template Layout Container 正确

<sly data-sly-use.templatedContainer="com.day.cq.wcm.foundation.TemplatedContainer"
     data-sly-repeat.child="${templatedContainer.structureResources}"
     data-sly-resource="${child.path @ resourceType=child.resourceType, decorationTagName='div'}"></sly>

错误，不能使用

<sly data-sly-resource="${'responsivegrid' @ resourceType='/libs/wcm/foundation/components/responsivegrid'}/>

最后三个User Story

1.Editable Template 创建一个editable Template

• Configuration Browser–>create–>Editable Templates
• Templates–>your Templates Folder–>create Template
  (在第二步之前要创建Template Type )
  创建Template Type(crxde Lite下)
• /conf/your_templates_folder/settings
• 将 /conf/we-retail/settings/wcm 节点复制到 /conf/your_templates_folder/settings
• template-types里就是Template Type
• /initial/jcr:content 和 /structure/jcr:content里的sling:resourceType就是渲染template的component (都要改)
• Layout Container 代码（重要）

<sly data-sly-use.templatedContainer="com.day.cq.wcm.foundation.TemplatedContainer"
     data-sly-repeat.child="${templatedContainer.structureResources}"
     data-sly-resource="${child.path @ resourceType=child.resourceType, decorationTagName='div'}"></sly>

2.Experience Fragments：An Experience Fragment is a group of one or more components including content and layout.

• 创建Type时记住加 cq:xfVariantType属性 value:web
• /apps/your_project/components/structure/experience_fragments
  在project下创建experience_fragments component 继承 /libs/cq/experience-fragments/components/xfpage
• templateType中创建一个Type使用experience_fragments component
• Navigation–>Experience Fragments–>create Experience Fragment
  在这之前configuration option中加入templates path /conf/MyFirstTemplateFolder/settings/wcm/templates(.*)?
• 创建之后 variation create–>Header–>Footer并分别加入header，footer component
• 最后在page template 中加入两个Experience Fragment引入Header和Footer

页面效果