작성 - 환경 및 도구 authoring-the-environment-and-tools

AEM의 작성 환경에서는 컨텐츠를 구성하고 편집하기 위한 다양한 메커니즘을 제공합니다. 제공된 도구는 다양한 콘솔 및 페이지 편집기에서 액세스됩니다.

사이트 관리 managing-your-site

다음 사이트 콘솔을 사용하면 헤더 막대, 도구 모음, 작업 아이콘(선택한 리소스에 대해 적용 가능), 탐색 표시 및 선택 시 보조 레일(예: 타임라인 및 참조)을 사용하여 웹 사이트를 탐색 및 관리할 수 있습니다.

예를 들면 열 보기에서 다음 작업을 수행합니다.

페이지 콘텐츠 편집 editing-page-content

페이지 편집기로 페이지를 편집할 수 있습니다. 예:

https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html

도움말 액세스 accessing-help

페이지를 편집할 때 다음 위치에서 도움말 ​에 액세스할 수 있습니다.

추가 도움말 관련 리소스는 콘솔에서 사용할 수 있습니다.

구성 요소 브라우저 components-browser

구성 요소 브라우저에는 현재 페이지에서 사용할 수 있는 모든 구성 요소가 표시됩니다. 이 구성 요소들은 적절한 위치로 드래그한 다음 편집하여 콘텐츠를 추가할 수 있습니다.

구성 요소 브라우저는 사이드 패널 내의 탭입니다(자산 브라우저 및 콘텐츠 트리와 함께 있음). 사이드 패널을 열려면(또는 닫으려면) 도구 모음의 왼쪽 상단에 있는 아이콘을 사용합니다.

사이드 패널을 열 때는 왼쪽에서 밀어서 열게 됩니다( 구성 요소 필요한 경우 탭입니다.) 열려 있는 경우 페이지에 사용할 수 있는 모든 구성 요소를 찾아볼 수 있습니다.

실제 모양 및 처리는 사용하는 장치 유형에 따라 달라집니다.

자산 브라우저 assets-browser

자산 브라우저에는 현재 페이지에서 직접 사용할 수 있는 모든 자산이 표시됩니다.

에셋 브라우저는 사이드 패널 내의 탭이며 구성 요소 찾아보기r 및 콘텐츠 트리. 사이드 패널을 열거나 닫으려면 도구 모음의 왼쪽 상단에 있는 아이콘을 사용합니다.

사이드 패널을 열 때는 왼쪽에서 밀어서 열게 됩니다. 다음 항목 선택 에셋 필요한 경우 탭입니다.

에셋 브라우저가 열려 있으면 페이지에 사용할 수 있는 모든 에셋을 검색할 수 있습니다. 필요하면 목록을 확장하는 데 스크롤을 무제한으로 사용합니다.

자산을 페이지에 추가하려면 선택한 후 필요한 위치로 끕니다. 다음과 같은 경우일 수 있습니다.

자산 브라우저의 상단 도구 모음에서 다음 기준에 따라 자산을 필터링할 수 있습니다.

실제 모양 및 처리는 사용하는 장치 유형에 따라 달라집니다.

자산을 빠르게 변경해야 하는 경우 자산 편집기 에셋의 이름 옆에 있는 편집 아이콘을 클릭하여 에셋 브라우저에서 직접 액세스합니다.

콘텐츠 트리 content-tree

다음 컨텐츠 트리 은 계층 구조의 페이지에 있는 모든 구성 요소에 대한 개요를 제공하여 페이지 작성 방법을 한눈에 볼 수 있도록 합니다.

콘텐츠 트리는 구성 요소 및 자산 브라우저와 함께 있는 측면 패널 내의 탭입니다. 사이드 패널을 열거나 닫으려면 도구 모음의 왼쪽 상단에 있는 아이콘을 사용합니다.

사이드 패널을 열 때는(왼쪽에서) 밀어서 열게 됩니다. 필요한 경우 콘텐츠 트리 탭을 선택하십시오. 열리면 페이지나 템플릿의 트리 보기 표시를 확인하여 콘텐츠가 계층적으로 구성되는 방식을 쉽게 이해할 수 있습니다. 또한 복잡한 페이지에서 페이지의 구성 요소 간을 더 쉽게 이동할 수 있습니다.

페이지는 동일한 유형의 여러 구성 요소로 쉽게 구성할 수 있으므로 콘텐츠(구성 요소) 트리에는 구성 요소 유형의 이름(검은색) 뒤에 설명 텍스트(회색)가 표시됩니다. 설명 텍스트는 제목 또는 텍스트와 같은 구성 요소의 공통된 속성에서 가져옵니다.

구성 요소 유형은 사용자 언어로 표시되는 반면 구성 요소 설명 텍스트는 페이지 언어로 제공됩니다.

구성 요소 옆에 있는 V자형 화살표를 클릭하면 해당 수준이 축소되거나 확장됩니다.

구성 요소를 클릭하면 페이지 편집기에서 구성 요소가 강조 표시됩니다. 사용 가능한 작업은 페이지 상태에 따라 다릅니다.

조각 - 관련 콘텐츠 브라우저 fragments-associated-content-browser

페이지에 콘텐츠 조각이 포함되어 있으면 관련 컨텐츠 브라우저.

참조 references

참조 선택한 페이지에 대한 연결 표시:

필수 콘솔을 연 다음 필수 리소스로 이동하고 다음을 사용하여  참조 ​를 엽니다.

필요한 리소스 선택 해당 리소스와 관련된 참조 유형 목록을 표시합니다.

자세한 내용을 보려면 적절한 참조 유형을 선택합니다. 특정 참조를 선택하면 다음과 같은 추가 작업을 사용할 수 있습니다.

예를 들어 참조 구성 요소 내에서 끊어진 참조를 수정할 수 있습니다.

이벤트 - 타임라인 events-timeline

해당 리소스(예: 사이트 콘솔의 페이지 또는 자산 ​콘솔의 자산)에 대해 타임라인을 사용하여 선택한 항목에 대한 최근 활동을 표시할 수 있습니다.

필수 콘솔을 연 다음 필수 리소스로 이동하고 다음을 사용하여 타임라인 ​을 엽니다.

필수 리소스를 선택한 다음 모두 표시 ​나 활동 ​을 선택하여 선택한 리소스에 대한 모든 최근 작업을 나열합니다.

페이지 정보 page-information

페이지 정보 버튼(이퀄라이저 아이콘)에는 마지막 편집과 마지막 게시에 대한 세부 사항을 보여 주는 메뉴가 열립니다. 페이지, 사이트 및 인스턴스의 특성에 따라 다음 옵션을 사용할 수 있습니다.

예를 들어, 해당되는 경우 페이지 정보 에는 다음 옵션도 있습니다.

또한 페이지 정보 ​는 해당하는 경우 분석 및 권장 사항에 대한 액세스 권한을 제공할 수 있습니다.

페이지 모드 page-modes

여러 작업을 허용하는 페이지를 편집할 때는 다음과 같은 다양한 모드가 있습니다.

오른쪽 상단의 아이콘을 사용하여 이러한 기능에 액세스할 수 있습니다. 실제 아이콘은 현재 사용 중인 모드를 반영하도록 변경됩니다.

경로 선택 path-selection

작성할 때, 다른 페이지나 리소스에 대한 링크를 정의하거나 이미지를 선택할 때와 같이 다른 리소스를 선택해야 하는 경우가 있습니다. 경로를 쉽게 선택할 수 있도록 경로 필드가 자동 완성 기능을 제공하고 경로 브라우저가 보다 강력하게 선택할 수 있도록 지원합니다.

경로 필드 path-fields

여기에 사용되는 예제는 이미지 구성 요소입니다. 구성 요소 사용 및 편집에 대한 자세한 내용은 페이지 작성을 위한 구성 요소.

경로 필드에는 자동 완성 및 예측 기능이 있어 리소스를 쉽게 찾을 수 있습니다.

경로 필드에서 선택 대화 상자 열기 버튼을 클릭하면 경로 브라우저 대화 상자가 열려 좀 더 상세한 선택 옵션을 사용할 수 있습니다.

또는 경로 필드에 입력을 시작하면 AEM에서 일치하는 경로를 제공합니다.

경로 브라우저 path-browser

경로 브라우저는 [Sites 콘솔]의 열 보기와 같이 구성되어 리소스에 대한 상세한 선택 항목을 확인할 수 있습니다.

키보드 단축키 keyboard-shortcuts

다양한 키보드 단축키도 사용할 수 있습니다.