페이지 생성 및 구성 creating-and-organizing-pages
이 섹션에서는 해당 페이지에서 콘텐츠를 만들기할 수 있도록 Adobe Experience Manager(AEM)를 사용하여 페이지를 만들고 관리하는 방법을 설명합니다.
웹 사이트 구성 organizing-your-website
작성자는 AEM 내에서 웹 사이트를 구성해야 합니다. 이 작업에는 콘텐츠 페이지 생성이 포함되며 이 페이지에 대한 이름 지정 작업도 포함되어 있어서
- 작성 환경에서 쉽게 찾을 수 있습니다
- 사이트 방문자가 게시 환경에서 사이트를 쉽게 검색할 수 있습니다.
콘텐츠 구성에 도움이 되도록 폴더를 사용할 수도 있습니다.
웹 사이트의 구조는 콘텐츠 페이지를 담는 트리 구조 로 생각할 수 있습니다. 이 컨텐츠 페이지의 이름은 URL을 구성하는 데 사용됩니다. 반면에 제목은 페이지 컨텐츠가 표시될 때 표시됩니다.
다음은 Geometrixx 사이트에서 추출을 보여줍니다. 예를 들어 Triangle 페이지에 액세스합니다.
-
작성자 환경
http://localhost:4502/cf#/content/geometrixx/en/products/triangle.html -
게시 환경
http://localhost:4503/content/geometrixx/en/products/triangle.html인스턴스의 구성에 따라서는 게시 환경에서
/content의 사용은 선택 사항일 수 있습니다.
/content
/geometrixx
/en
/toolbar...
/products
/triangle
/overview
/features
/square...
/circle...
/...
/...
/fr...
/de...
/es...
/...
/...
이 구조는 트리 구조를 탐색하는 데 사용할 수 있는 웹 사이트 콘솔에서 볼 수 있습니다.
페이지 이름 지정 규칙 page-naming-conventions
페이지를 만들 때 두 개의 주요 필드가 있습니다.
페이지를 만들 때 AEM AEM 및 JCR에서 지정한 규칙에 따라 페이지 이름을 확인합니다.
구현 및 허용되는 문자 목록은 UI에 따라 약간 다르지만(터치 사용 UI의 경우 더 광범위함), 허용되는 최소 문자 수는 다음과 같습니다.
- 'a'에서 'z'까지
- 'A'에서 'Z'까지
- '0'에서 '9'까지
- _(밑줄)
-(하이픈/빼기)
허용/사용 여부를 확인하려면 이 문자만 사용하십시오(허용되는 모든 문자에 대한 전체 세부 정보가 필요한 경우 이름 지정 규칙을 참조하십시오).
제목 title
페이지를 만들 때 Title 페이지만 제공하면 AEM은 이 문자열에서 Name 페이지를 파생하고 AEM 및 JCR에서 지정한 규칙에 따라 이름을 확인합니다. 두 UI에서 잘못된 문자가 포함된 제목 필드를 사용할 수 있지만, 파생된 이름에서는 잘못된 문자가 대체됩니다. 예:
이름 name
페이지를 만들 때 이름 페이지를 제공하면 AEM AEM 및 JCR에서 지정한 규칙에 따라 이름을 확인합니다.
클래식 UI에서 은(는) 이름 필드에 잘못된 문자를 입력할 수 없습니다.
템플릿 templates
AEM에서 템플릿은 페이지의 전문 유형을 지정합니다. 템플릿은 만들어지는 새 페이지의 기초로 사용됩니다.
템플릿은 썸네일 이미지 및 기타 속성을 포함하여 페이지의 구조를 정의합니다. 예를 들어 제품 페이지, 사이트맵 및 연락처 정보에 대한 별도의 템플릿이 있을 수 있습니다. 템플릿은 구성 요소로 구성됩니다.
AEM에는 특별히 제공되는 몇 개의 템플릿이 있습니다. 제공된 템플릿은 개별 웹 사이트에 따라 다르며 (새 페이지를 만들 때) 제공해야 하는 정보는 사용 중인 UI에 따라 다릅니다. 주요 필드는 다음과 같습니다.
-
제목
결과 웹 페이지에 표시되는 제목입니다. -
이름
페이지 이름을 지정할 때 사용됩니다. -
템플릿
새 페이지를 생성하는 데 사용할 수 있는 템플릿 목록입니다.
구성 요소 components
구성 요소는 특정 유형의 콘텐츠를 추가할 수 있도록 AEM에서 제공하는 요소입니다. AEM에는 다음과 같이 광범위한 기능을 제공하는 다양하고 특별한 구성 요소가 포함되어 있습니다.
- 텍스트
- 이미지
- Slideshow
- 비디오
- 더 많은
페이지를 만들고 열면 구성 요소를 사용하여 콘텐츠를 추가할 수 있습니다. 사이드 킥에서 사용할 수 있습니다.
페이지 관리 managing-pages
새 페이지 만들기 creating-a-new-page
모든 페이지가 미리 만들어져 있지 않다면 컨텐츠를 만들기 전에 우선 페이지를 만들어야 합니다.
-
웹 사이트 콘솔에서 페이지를 만들 수준을 선택합니다.
다음 예제에서는 왼쪽 창에 표시되는 Products 수준 아래에 페이지를 만들고 오른쪽 창에는 Products 수준 아래에 이미 있는 페이지가 표시됩니다.
-
새로 만들기… 메뉴(새로 만들기… 옆의 화살표 클릭)에서 새 페이지… 을(를) 선택합니다. 페이지 만들기 창이 열립니다.
새로 만들기… 를 클릭하는 것 자체가 새 페이지… 옵션에 대한 바로 가기로 작동합니다.
-
페이지 만들기 대화 상자를 통해 다음 작업을 수행할 수 있습니다.
-
제목 을 입력하십시오. 이 제목은 사용자에게 표시됩니다.
-
이름 을(를) 제공하십시오. URI를 생성하는 데 사용됩니다. 지정하지 않으면 제목에서 이름이 파생됩니다.
- 페이지를 만들 때 이름 페이지를 제공하면 AEM AEM 및 JCR에서 지정한 규칙에 따라 이름을 확인합니다.
- 클래식 UI에서 은(는) 이름 필드에 잘못된 문자를 입력할 수 없습니다.
-
새 페이지를 만드는 데 사용할 템플릿을 클릭합니다.
템플릿은 예를 들어 컨텐츠 페이지의 기본 레이아웃을 결정하는 데 새 페이지의 기반으로 사용됩니다.
note note NOTE 페이지 이름 지정 규칙을 참조하십시오. 페이지를 만드는 데 필요한 최소 정보는 Title 및 필요한 템플릿입니다.
note note NOTE URL에 유니코드 문자를 사용하려면 별칭( sling:alias) 속성(페이지 속성)을 설정하십시오. -
-
페이지를 만들려면 만들기 를 클릭하십시오. 새 페이지에 대한 항목을 볼 수 있는 웹 사이트 콘솔로 돌아갑니다.
콘솔은 필요에 따라 업데이트되는 페이지에 대한 정보(예: 마지막으로 편집한 시간 및 업데이트한 사람)를 제공합니다.
note note NOTE 기존 페이지를 편집할 때 페이지를 만들 수도 있습니다. 사이드 킥의 페이지 탭에서 하위 페이지 만들기 를 사용하면 편집되는 페이지 바로 아래에 페이지가 만들어집니다.
편집할 페이지 열기 opening-a-page-for-editing
다음 여러 방법 중 하나를 사용하여 편집할 페이지를 열 수 있습니다.
-
웹 사이트 콘솔에서 페이지 항목을 두 번 클릭 하여 편집할 수 있도록 열 수 있습니다.
-
웹 사이트 콘솔에서 페이지 항목을 마우스 오른쪽 단추로 클릭(상황에 맞는 메뉴)한 다음 메뉴에서 열기 를 선택할 수 있습니다.
-
페이지를 열면 하이퍼링크를 클릭하여 사이트 내의 다른 페이지로 이동하여 편집할 수 있습니다.
페이지 복사 및 붙여넣기 copying-and-pasting-a-page
복사할 때 다음 중 하나를 복사할 수 있습니다.
- 단일 페이지
- 모든 하위 페이지를 포함하는 페이지
-
웹 사이트 콘솔에서 복사할 페이지를 선택합니다.
note note NOTE 이 단계에서는 단일 페이지를 복사할지 또는 기본 하위 페이지를 복사할지 여부에 관계 없습니다. -
복사 를 클릭합니다.
-
새 위치로 이동하고 다음을 클릭합니다.
- 붙여넣기 - 모든 하위 페이지와 함께 페이지를 붙여넣습니다.
- Shift + 붙여넣기 - 선택한 페이지만 붙여넣습니다.
페이지가 새 위치에 붙여넣어집니다.
note note NOTE 기존 페이지의 이름이 이미 동일한 경우 페이지 이름이 자동으로 조정될 수 있습니다. note note NOTE 사이드 킥의 페이지 탭에서 페이지 복사 를 사용할 수도 있습니다. 그러면 대상 등을 지정할 수 있는 대화 상자가 열립니다.
페이지 이동 또는 이름 바꾸기 moving-or-renaming-page
페이지를 이동하거나 이름을 변경하는 절차는 동일합니다. 동일한 작업을 사용하여 다음과 같은 작업을 수행할 수 있습니다.
- 페이지를 새 위치로 이동
- 동일한 위치에서 페이지 이름 바꾸기
- 페이지를 새 위치로 이동함과 동시에 이름을 변경합니다
AEM에서는 이름을 바꾸거나 이동하는 페이지에 대한 내부 링크를 업데이트하는 기능을 제공합니다. 페이지별로 다른 기준을 적용할 수 있으므로 완벽한 유연성이 발휘됩니다.
페이지를 이동하거나 이름을 변경하려면 다음 작업을 수행하십시오.
-
이동을 트리거하는 방법에는 여러 가지가 있습니다.
- 웹 사이트 콘솔에서 페이지를 클릭하여 선택한 다음 이동… 을 선택합니다.
- 웹 사이트 콘솔에서 페이지 항목을 선택한 다음 마우스 오른쪽 단추를 클릭 하고 이동… 을 선택할 수도 있습니다.
- 페이지를 편집할 때 사이드 킥의 페이지 탭에서 페이지 이동 을 선택할 수 있습니다.
-
이동 창이 열립니다. 여기에서 새 위치, 페이지의 새 이름 또는 둘 다를 지정할 수 있습니다.
이 페이지에는 이동 중인 페이지를 참조하는 모든 페이지도 나열됩니다. 참조하는 페이지의 상태에 따라 페이지의 해당 링크를 조정하거나 페이지를 다시 게시할 수 있습니다.
-
다음 필드를 적절히 입력합니다.
-
대상
사이트 맵(드롭다운 선택기를 통해 사용 가능)을 사용하여 페이지를 이동할 위치를 선택합니다.
페이지 이름만 바꾸는 경우에는 이 필드를 무시하십시오.
-
이동
이동할 페이지를 지정합니다. 이 값은 이동 작업을 시작한 방법과 위치에 따라 기본적으로 입력됩니다.
-
이름 바꾸기
기본적으로 현재 페이지 레이블이 표시됩니다. 필요한 경우 새 페이지 레이블을 지정합니다.
-
조정
이동된 페이지를 가리키는 페이지의 링크를 업데이트합니다. 예를 들어 페이지 A에 페이지 B에 대한 링크가 있는 경우 페이지 B를 이동할 경우 AEM이 페이지 A의 링크를 조정합니다.
각 참조 페이지에 대해 선택/선택 취소할 수 있습니다.
-
다시 게시
참조 페이지를 다시 게시합니다. 각 개별 페이지에 대해 이 페이지를 선택할 수 있습니다.
note note NOTE 페이지가 이미 활성화된 경우 페이지를 이동하면 자동으로 비활성화됩니다. 기본적으로 이동이 완료되면 다시 활성화되지만 이동 창에서 페이지의 다시 게시 필드를 선택 취소하여 변경할 수 있습니다. -
-
이동 을 클릭합니다. 확인이 필요합니다. 확인하려면 확인 을 클릭하세요.
note note NOTE 페이지 제목은 업데이트되지 않습니다.
페이지 삭제 deleting-a-page
-
다양한 위치에서 페이지를 삭제할 수 있습니다.
- 웹 사이트 콘솔에서 을 클릭하여 페이지를 선택한 다음 마우스 오른쪽 단추를 클릭하고 결과 메뉴에서 삭제 를 선택합니다.
- 웹 사이트 콘솔에서 페이지를 클릭하여 선택한 다음 도구 모음 메뉴에서 삭제 를 선택합니다.
- 사이드 킥 내에서 페이지 탭을 사용하여 페이지 삭제 를 선택합니다. 이렇게 하면 현재 열려 있는 페이지가 삭제됩니다.
-
페이지를 삭제하도록 선택한 후에는 작업을 실행 취소할 수 없으므로 요청을 확인해야 합니다.
note note NOTE 삭제 후 페이지가 게시되면 최신(또는 특정) 버전을 복원할 수 있지만 추가 수정이 이루어진 경우 콘텐츠가 마지막 버전과 정확히 동일하지 않을 수 있습니다. 자세한 내용은 페이지 복원 방법을 참조하세요.
페이지 잠금 locking-a-page
콘솔에서 또는 개별 페이지를 편집할 때 페이지 잠금/잠금 해제할 수 있습니다. 잠긴 페이지에 대한 정보도 두 위치에 표시됩니다.
새 폴더 만들기 creating-a-new-folder
-
웹 사이트 콘솔을 열고 필요한 위치로 이동합니다.
-
새로 만들기… 메뉴(새로 만들기… 옆의 화살표 클릭)에서 새 폴더… 를 선택합니다.
-
폴더 만들기 대화 상자가 열립니다. 여기에서 이름 및 제목 을 입력할 수 있습니다.
-
폴더를 만들려면 만들기 를 선택합니다.