사용자 지정을 수행하는 일반적인 단계는 다음과 같습니다.
에 액세스하여 CRXDE Lite에 로그인합니다. https://'[server]:[port]'/lc/crx/de/index.jsp
.
만들기 sling:Folder
이름이 지정된 폴더 ws
at /apps
존재하지 않는 경우 해당됩니다. 을(를) 만들려면 sling:Folder
폴더를 마우스 오른쪽 단추로 클릭합니다. apps
폴더를 선택하고 만들기 > 노드 만들기. 이름을 로 지정합니다. ws
다음 형식으로 유형 선택 sling:Folder
을(를) 클릭합니다. 확인. 클릭 모두 저장.
찾아보기 /apps/ws
로 이동하고 액세스 제어 탭.
을(를) 선택합니다 저장소 선택 사항입니다. 에서 액세스 제어 목록, + 새 항목을 추가하려면 클릭 + 다시 한 번
을(를) 검색하고 선택합니다 PERM_WORKSPACE_USER 교장.
제공 jcr:read
Privacy to Principal.
클릭 모두 저장.
를 복사합니다. GET.jsp
, index
, 및 html.jsp
파일의 /libs/ws
폴더 /apps/ws
폴더를 입력합니다.
를 복사합니다. /libs/ws/locales
폴더의 /apps/ws
폴더를 입력합니다. 클릭 모두 저장.
에서 참조 및 상대 경로를 업데이트합니다 GET.jsp
파일, 아래와 같이 를 클릭하고 모두 저장.
<meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
CSS 사용자 지정에 대해서는 다음을 수행합니다.
로 이동합니다 /apps/ws
폴더 및 이름이 지정된 새 폴더 만들기 css
.
에서 css
폴더, 이름이 인 새 파일 만들기 newStyle.css
.
열기 /apps/ws/html
.jsp 및
<link lang="en" rel="stylesheet" type="text/css" href="css/style.css" />
<link lang="en" rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
끝
<link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/style.css" />
<link lang="en" rel="stylesheet" type="text/css" href="css/newStyle.css" />
<link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/jquery-ui.css"/>
위에 표시된 것처럼 style.css 항목 뒤에 사용자 정의 CSS 파일의 항목을 배치합니다.
/apps/ws/html.jsp 파일에서
<script data-main="js/main" src="js/libs/require/require.js"></script>
끝
<script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
다음을 수행합니다.
이름이 인 폴더 만들기 js
at /apps/ws
. 클릭 모두 저장.
이름이 인 폴더 만들기 libs
at /apps/ws/js
. 클릭 모두 저장.
복사 /libs/ws/js/libs/jqueryui
폴더 대상 /apps/ws/js/libs
. 클릭 모두 저장.
HTML 사용자 정의에 대해서는 다음을 수행합니다.
아래 /apps/ws/js
, 라는 폴더를 만듭니다. runtime
. 클릭 모두 저장.
아래 /apps/ws/js/runtime
, 라는 폴더를 만듭니다. templates
. 클릭 모두 저장.
복사 /libs/ws/js/main.js
to /apps/ws/js/main.js
.
/libs/ws/js/registry.js에 복사 /apps/ws/js/registry.js
.
클릭 모두 저장, 캐시 지우기 및 AEM Forms 작업 공간 새로 고침.
URL에 액세스 https://'[server]:[port]'/lc/ws
관리자/암호 자격 증명으로 로그인합니다. 브라우저가 로 리디렉션됩니다. https://'[server]:[port]'/lc/apps/ws/index.html
.