범용 편집기 액세스 및 탐색 navigating

범용 편집기 액세스 및 탐색에 대한 기본 사항을 알아봅니다.

소개 introduction

Universal Editor를 사용하면 모든 구현에서 콘텐츠의 모든 측면을 편집할 수 있기 때문에 뛰어난 경험을 제공하고, 콘텐츠 속도를 높이고, 최신 개발자 경험을 제공할 수 있습니다.

이를 위해 제공되는 Universal Editor는 콘텐츠 작성자가 최소한의 교육만 받으면 사용할 수 있어 바로 부담 없이 콘텐츠 편집을 시작할 수 있습니다. 이 문서에서는 범용 편집기를 탐색하는 방법을 설명합니다.

앱 준비 prepare-app

Universal Editor로 앱의 콘텐츠를 작성하려면 개발자가 앱을 계측하여 편집기를 지원해야 합니다.

범용 편집기 액세스 accessing

앱이 범용 편집기에서 작동하도록 계측되면 범용 편집기는 AEM as a Cloud Service 내에서 AEM에 액세스하지 않고 직접 액세스할 수 있습니다.

AEM as a Cloud Service 내에서 액세스 accessing-aem

직접 액세스 accessing-directly

UI 이해 ui

UI는 이러한 기본 영역으로 나뉩니다.

Experience Cloud 헤더 experience-cloud-header

Experience Cloud 헤더는 항상 화면 상단에 있습니다. Experience Cloud 내의 위치를 알려 주고 다른 Experience Cloud 앱으로 이동할 수 있도록 도와주는 앵커입니다.

Experience Manager experience-manager

헤더 왼쪽에 있는 Adobe Experience Cloud 링크를 선택해 Experience Manager 솔루션의 루트로 이동하여 Cloud Manager, Cloud Acceleration Manager, Software Distribution 등의 도구에 액세스합니다.

조직 organization

현재 로그인되어 있는 조직이 표시됩니다. Adobe ID이 여러 조직과 연결되어 있는 경우 다른 조직으로 전환하려면 선택합니다.

솔루션 solutions

솔루션 전환기를 탭하거나 클릭하면 다른 Experience Cloud 솔루션으로 빠르게 이동할 수 있습니다.

도움말 help

도움말 아이콘은 학습 및 지원 리소스에 대한 바로 가기를 제공합니다.

알림 notifications

이 아이콘에는 현재 할당된 불완전 알림 수가 배지로 지정됩니다.

사용자 속성 user-properties

사용자를 나타내는 아이콘을 선택하여 사용자 설정에 액세스합니다. 사용자 사진을 구성하지 않은 경우, 아이콘이 임의로 할당됩니다.

범용 편집기 도구 모음 universal-editor-toolbar

범용 편집기 도구 모음은 항상 Experience Cloud 헤더 바로 아래 화면 맨 위에 있습니다. 현재 페이지를 게시하고 편집할 다른 페이지에 바로 갈 수 있습니다.

홈 버튼 home-button

홈 버튼을 누르면 유니버설 편집기의 시작 페이지로 돌아갑니다

시작 페이지에서 범용 편집기로 편집할 사이트의 URL을 입력할 수 있습니다.

위치 표시줄 location-bar

위치 표시줄에 편집 중인 페이지의 주소가 표시됩니다. 편집할 다른 페이지의 주소를 입력하려면 선택하십시오.

인증 헤더 설정 authentication-settings

로컬 개발을 위해 사용자 지정 인증 헤더를 설정해야 하는 경우 인증 헤더 설정 아이콘을 선택하십시오.

에뮬레이터 설정 emulator

에뮬레이션 아이콘을 선택하여 범용 편집기에서 페이지를 렌더링하는 방법을 정의합니다.

에뮬레이션 아이콘을 탭하거나 클릭하면 옵션이 표시됩니다.

기본적으로 편집기는 브라우저에서 높이와 너비를 자동으로 정의하는 데스크탑 레이아웃으로 열립니다.

Universal Editor에서 모바일 디바이스를 에뮬레이션할 수도 있습니다.

미리보기 모드 preview-mode

미리보기 모드의 페이지는 게시된 서비스에 표시되는 것처럼 편집기에서 렌더링된 페이지입니다. 이렇게 하면 콘텐츠 작성자는 링크 등을 클릭하여 콘텐츠를 탐색할 수 있습니다.

앱 미리보기 열기 open-app-preview

앱 미리 보기 열기 아이콘을 선택하여 편집기에서 벗어난 자체 브라우저 탭에서 현재 편집 중인 페이지를 열고 콘텐츠를 미리 봅니다.

게시 publish

독자가 사용할 수 있도록 콘텐츠 라이브에 변경 사항을 게시할 수 있도록 게시 버튼을 선택합니다.

생략 부호 ellipsis

또한 줄임표 버튼을 사용하여 표준 옵션에 액세스할 수 있습니다.

예를 들어, 줄임표 버튼을 통해 페이지 게시를 취소(즉, Publish 버튼의 동작을 되돌림)하는 기능에 액세스할 수 있습니다.

추가 단추 additional-toolbar-buttons

유니버설 편집기는 맞춤화가 가능하고 확장 가능한 작성 환경을 제공합니다. 도구 모음에 추가 단추가 표시되면 유니버설 편집기가 확장된 것입니다.

편집기 editor

편집기는 창의 대부분을 차지하며 위치 표시줄에 지정된 페이지가 렌더링되는 곳입니다.

편집기가 미리보기 모드에 있는 경우 콘텐츠를 탐색하고 링크를 따라갈 수 있지만, 콘텐츠를 편집할 수 없습니다.

속성 패널 properties-rail

속성 패널은 항상 편집기의 오른쪽에 표시됩니다. 해당 모드에 따라 콘텐츠 또는 페이지 콘텐츠의 계층 구조에서 선택한 구성 요소에 대한 세부 정보를 표시할 수 있습니다.

속성 모드 properties-mode

속성 모드에서 패널은 편집기에서 현재 선택한 구성 요소의 속성을 표시합니다. 페이지가 로드될 때 속성 패널의 기본 모드입니다.

선택한 구성 요소의 유형에 따라 세부 정보가 속성 패널에 표시되고 수정될 수 있습니다.

일부 구성 요소에 표시 및/또는 편집할 수 있는 세부 정보가 있는 것은 아닙니다.

콘텐츠 트리 모드 content-tree-mode

콘텐츠 트리 모드에서 패널은 페이지 콘텐츠의 계층 구조를 보여 줍니다.

콘텐츠 트리의 항목을 선택하면 편집기는 해당 콘텐츠를 스크롤하여 선택합니다.

CF 편집기에서 열기 edit

편집할 때 선택한 구성 요소에 대한 옵션이 속성 패널에 나타나며, 이 패널에서 선택한 구성 요소를 편집할 수 있습니다. 선택한 구성 요소가 콘텐츠 조각인 경우 CF 편집기에서 열기 버튼을 선택할 수도 있습니다.

CF 편집기에서 열기 단추를 탭하거나 클릭하면 콘텐츠 조각 편집기가 새 탭에서 열립니다. 이를 통해 콘텐츠 조각 편집기의 전체 기능에 액세스하여 관련 콘텐츠 조각을 편집할 수 있습니다.

워크플로우의 필요에 따라 범용 편집기에서 또는 콘텐츠 조각 편집기에서 직접 콘텐츠 조각을 편집할 수 있습니다.

추가 add

콘텐츠 트리 또는 편집기에서 컨테이너 구성 요소를 선택하면 속성 패널에 추가 옵션이 표시됩니다.

추가 버튼을 탭하거나 클릭하면 선택한 컨테이너에 추가할 수 있는 구성 요소의 드롭다운 메뉴가 열립니다.

복제 duplicate

콘텐츠 트리 또는 편집기에서 컨테이너 구성 요소 내의 구성 요소를 선택하면 [속성] 패널에 복제 옵션이 표시됩니다.

복제 단추 을(를) 탭하거나 클릭하면 선택한 구성 요소가 복제됩니다.

삭제 delete

콘텐츠 트리 또는 편집기에서 컨테이너 구성 요소 내의 구성 요소를 선택하면 속성 패널에 삭제 옵션이 표시됩니다.

삭제 버튼을 탭하거나 클릭하면 구성 요소가 삭제됩니다.

추가 단추 additional-properties-rail-buttons

유니버설 편집기는 맞춤화가 가능하고 확장 가능한 작성 환경을 제공합니다. 속성 패널에 추가 단추가 표시되면 유니버설 편집기가 확장된 것입니다.

다음 단계 next-steps

이제 범용 편집기에 액세스하고 탐색하는 방법을 알았으므로 이를 사용하여 콘텐츠를 작성할 준비가 되었습니다.