디자인과 디자이너 designs-and-the-designer
디자이너는 를 사용하여 웹 사이트의 디자인을 만드는 데 사용됩니다. 클래식 UI AEM.
Designer 사용 using-the-designer
디자인은에서 정의할 수 있습니다. 디자인 의 섹션 도구 탭:
여기에서 디자인을 저장하는 데 필요한 구조를 만든 다음, 계단식 스타일 시트 및 필요한 이미지를 업로드할 수 있습니다.
디자인은 아래에 저장됩니다. /apps/<your-project>
. 웹 사이트에 사용할 디자인의 경로는 cq:designPath
의 속성 jcr:content
노드.
필요한 사항 what-you-will-need
디자인을 실현하려면 다음이 필요합니다.
CSS - CSS(Cascading Style Sheet)는 페이지의 특정 영역의 형식을 정의합니다.
이미지 - 배경, 단추 등의 기능에 사용하는 모든 이미지
웹 사이트 디자인 시 고려 사항 considerations-when-designing-your-website
웹 사이트를 개발할 때는 아래에 이미지와 CSS 파일을 저장하는 것이 좋습니다. /apps/<your-project>
따라서 다음 코드 조각에 설명된 대로 현재 디자인을 기반으로 리소스를 참조할 수 있습니다.
<%= currentDesign.getPath() + "/static/img/icon.gif %>
앞의 예제에서는 다음과 같은 몇 가지 이점을 제공합니다.
-
구성 요소는 다른 디자인 경로를 사용하여 각 사이트에 따라 다른 모양/느낌을 가질 수 있습니다.
-
디자인 경로를 사이트의 루트에 있는 다른 노드로 지정하여 웹 사이트를 다시 디자인할 수 있습니다.
design/v1
끝design/v2.
-
/etc/designs
및/content
은 외부 사용자가 자신의 아래에 무엇이 있는지 궁금해하여 브라우저에서 사용자를 보호하는 유일한 외부 URL입니다/apps
트리. 위의 URL 이점은 자산 노출을 몇 개의 개별 위치로 제한하므로 시스템 관리자가 보안을 더 잘 설정하는 데도 도움이 됩니다.