페이지 콘텐츠 편집 editing-page-content
페이지가 만들어지면(launch 또는 live copy의 일부 또는 신규) 콘텐츠를 편집하여 필요한 업데이트 작업을 수행할 수 있습니다.
콘텐츠는 페이지로 끌 수 있는 구성 요소(콘텐츠 유형에 맞는)를 사용하여 추가됩니다. 그런 다음 그 자리에서 편집하거나, 이동하거나 삭제할 수 있습니다.
페이지 도구 모음 page-toolbar
페이지 도구 모음에서는 페이지 구성에 따라 적절한 기능에 대한 액세스 권한을 제공합니다.
도구 모음은 다양한 옵션에 대한 액세스를 제공합니다. 현재 컨텍스트 및 구성에 따라 일부 옵션을 사용하지 못할 수 있습니다.
-
사이드 패널 전환
자산 브라우저, 구성 요소 브라우저 및 콘텐츠 트리를 보유하는 사이드 패널을 열고 닫습니다.
-
페이지 정보
페이지 정보 보기 및 편집, 페이지 속성 보기, 페이지 게시/게시 취소 등 페이지에서 수행할 수 있는 작업과 페이지 세부 정보를 포함한 페이지 정보 메뉴에 대한 액세스를 제공합니다.
-
에뮬레이터
다른 디바이스에서 페이지의 디자인을 에뮬레이션하는 데 사용되는 에뮬레이터 도구 모음을 전환합니다. 이는 레이아웃 모드에서 자동으로 전환됩니다.
-
ContextHub
컨텍스트 허브를 엽니다. [미리보기 모드]에서만 사용 가능합니다.
-
페이지 제목
정보 제공용입니다.
-
모드 선택기
현재 모드를 표시하고 편집, 레이아웃, 타임워프 또는 타깃팅과 같은 다른 모드를 선택할 수 있습니다.
-
미리보기
미리보기 모드를 활성화합니다. 이 옵션은 페이지가 게시될 때 나타나는 대로 표시합니다.
-
주석
페이지를 검토할 때 주석을 페이지에 추가할 수 있습니다. 첫 번째 주석 이후 아이콘은 페이지의 주석 수를 나타내는 숫자로 전환됩니다.
상태 알림 status-notification
페이지가 워크플로 또는 다중 워크플로의 일부인 경우 페이지를 편집할 때 화면 맨 위에 있는 알림 표시줄에 이 정보가 표시됩니다.
알림은 페이지에 대해 실행 중인 워크플로를 나열합니다. 사용자가 현재 워크플로 단계에 참여 중인 경우 옵션은 워크플로 상태에 영향을 주며 워크플로에 대한 자세한 정보는 다음과 같이 확인할 수 있습니다.
-
완료 - 작업 항목 완료 대화 상자를 엽니다.
-
위임 - 작업 항목 완료 대화 상자를 엽니다.
-
세부 사항 보기 - 워크플로의 세부 사항 창을 엽니다.
알림 표시줄을 통해 워크플로 단계를 완료하고 위임하는 것은 알림 받은 편지함에서 워크플로에 참여할 때와 같은 방식입니다.
페이지에 여러 개의 워크플로우가 있는 경우 알림 오른쪽 끝에 화살표 단추와 함께 워크플로우 개수가 표시되어 워크플로우를 스크롤할 수 있습니다.
구성 요소 플레이스홀더 component-placeholder
구성 요소 플레이스홀더는 구성 요소를 놓을 때 배치될 위치를 보여 주는 표시기입니다(현재 마우스로 가리키고 있는 구성 요소 위에 있음).
-
페이지에 구성 요소를 추가할 때(구성 요소 브라우저에서 드래그):
-
기존 구성 요소를 이동할 때:
구성 요소 삽입 inserting-a-component
구성 요소 브라우저에서 구성 요소 삽입 inserting-a-component-from-the-components-browser
구성 요소 브라우저를 사용하여 구성 요소를 추가할 수 있습니다. 구성 요소 플레이스홀더는 구성 요소가 위치할 곳을 보여 줍니다.
-
페이지가 편집 모드인지 확인합니다.
-
구성 요소 브라우저를 엽니다.
-
필요한 구성 요소를 필요한 위치로 드래그합니다.
-
구성 요소를 편집합니다.
단락 시스템에서 구성 요소 삽입 inserting-a-component-from-the-paragraph-system
단락 시스템의 구성 요소를 여기로 드래그하십시오 상자를 사용하여 구성 요소를 추가할 수 있습니다.
자산 브라우저를 사용하여 구성 요소 삽입 inserting-a-component-using-the-assets-browser
자산 브라우저에서 자산을 끌어 페이지에 구성 요소를 추가할 수도 있습니다. 이렇게 하면 적절한 유형의 구성 요소가 자동으로 만들어집니다(에셋이 들어 있음).
이는 다음 자산 유형에 대해 유효합니다(일부는 페이지/단락 시스템에 따라 다름).
위의 자산 유형 중 하나를 끌어 구성 요소를 만들려면
-
페이지가 편집 모드인지 확인합니다.
-
자산 브라우저를 엽니다.
-
필요한 자산을 필요한 위치로 드래그합니다. 구성 요소 자리 표시자는 구성 요소가 있는 위치를 보여 줍니다.
자산 유형에 적절한 구성 요소가 필요한 위치에 만들어지게 됩니다. 여기에 선택한 자산이 포함됩니다.
-
필요한 경우 구성 요소를 편집합니다.
에셋을 검색할 때 에셋을 빠르게 변경해야 하는 경우, 에셋 이름 옆에 있는 편집 아이콘을 클릭하여 에셋 편집기를 시작합니다.
편집/구성/복사/잘라내기/삭제/붙여넣기 edit-configure-copy-cut-delete-paste
구성 요소를 선택하면 도구 모음이 열립니다. 구성 요소에서 수행할 수 있는 다양한 작업에 대한 액세스를 제공합니다.
사용자가 사용할 수 있는 실제 작업은 상황에 따라 적절히 표시되며, 일부 작업은 여기에서 설명되지 않을 수 있습니다.
-
편집
편집 구성 요소 유형에 따라 구성 요소의 콘텐츠를 편집할 수 있게 됩니다. 종종 도구 모음이 제공됩니다.
-
구성
구성 요소 유형에 따라 구성 요소의 속성을 편집하고 구성할 수 있습니다. 종종 대화 상자가 열립니다.
-
복사
구성 요소를 클립보드에 복사합니다. 원본 구성 요소는 붙여넣기 후에 유지됩니다.
-
잘라내기
구성 요소를 클립보드에 복사합니다. 붙여넣기 작업 후에 원래 구성 요소는 제거됩니다.
-
삭제
확인 표시가 있으면 페이지에서 구성 요소가 삭제됩니다.
-
구성 요소 삽입
구성 요소를 추가하는 대화 상자가 열립니다.
-
붙여넣기
구성 요소를 클립보드에서 페이지로 붙여넣습니다. 원본이 남아 있는지 여부는 복사 또는 잘라내기 중 어느 것을 사용했는지에 따라 달라집니다.
- 같은 페이지나 다른 페이지에 붙여넣을 수 있습니다.
- 붙여넣은 항목은 붙여넣기 작업을 선택한 항목 위에 붙여넣게 됩니다.
- 붙여넣기 작업은 클립보드에 콘텐츠가 있는 경우에만 표시됩니다.
note note NOTE 잘라내기/복사 작업 전에 이미 열려 있는 다른 페이지에 붙여넣으면 해당 페이지를 새로 고쳐 붙여넣은 콘텐츠를 볼 수 있습니다. -
그룹
여러 구성 요소를 한 번에 선택할 수 있도록 해 줍니다. Control+Click 또는 Command+Click 하여 데스크탑 디바이스에서도 동일한 작업을 수행할 수 있습니다.
-
상위
선택한 구성 요소의 상위 구성 요소를 선택할 수 있습니다.
-
레이아웃
이렇게 하면 선택한 구성 요소의 레이아웃을 수정할 수 있습니다. 선택한 구성 요소에만 적용되며 전체 페이지의 레이아웃 모드는 활성화하지 않습니다.
-
경험 조각 변형으로 변환
선택한 구성 요소에서 경험 조각을 만들거나 기존 경험 조각에 추가할 수 있습니다.
편집(컨텐츠) edit-content
구성 요소에서 콘텐츠를 추가하거나 편집하는 방법에는 두 가지가 있습니다.
- 편집하려면 구성 요소 대화 상자를 엽니다.
- 자산 브라우저에서 자산을 끌어다 놓아 콘텐츠를 바로 추가합니다.
구성 요소 편집 대화 상자 component-edit-dialog
구성 요소 도구 모음의 편집(연필) 아이콘을 사용하여 콘텐츠를 편집할 구성 요소를 열 수 있습니다.
정확한 편집 옵션은 구성 요소에 따라 다릅니다. 일부 구성 요소의 경우 모든 작업은 전체 화면 모드에서만 사용할 수 있습니다. 예:
-
-
이미지 구성 요소
note note NOTE 빈 이미지 구성 요소에서는 편집기가 작동하지 않습니다. 이미지를 드래그하거나 업로드(구성 사용)한 후에 편집을 시작할 수 있습니다. -
이미지 구성 요소 - 전체 화면
이미지 구성 요소에 대해 전체 화면 모드로 전환하면 이미지를 편집할 수 있는 공간이 더 많아지고 맵 실행 및 확대/축소 재설정 과 같은 추가 편집 옵션이 표시됩니다. 또한 전체 화면에서 자르기 사전 설정을 선택할 수 있습니다.
-
텍스트 및 이미지 기초 구성 요소와 같이 두 개 이상의 기본 구성 요소로 구성된 구성 요소는 먼저 원하는 편집 옵션 집합을 확인할 것을 요청합니다.
구성 요소로 자산 드래그 앤 드롭 drag-and-drop-assets-into-component
특정 구성 요소 유형의 경우 에셋 브라우저의 에셋을 구성 요소로 직접 끌어다 놓아 콘텐츠를 업데이트할 수 있습니다.
(컨텐츠) 전체 화면 모드 편집 edit-content-full-screen-mode
모든 구성 요소에 대해 다음 아이콘으로 전체 화면 모드에 액세스(및 액세스 종료)할 수 있습니다.
예를 들어 텍스트 구성 요소:
구성 요소 이동 moving-a-component
단락 구성 요소 이동
-
선택-및-유지 또는 클릭-및-유지로 이동할 단락을 선택합니다.
-
단락을 새 위치로 드래그합니다. AEM에서 단락을 둘 수 있는 위치를 보여 줍니다. 단락을 원하는 위치에 놓습니다.
-
단락이 이동됩니다.
구성 요소 레이아웃 편집 edit-component-layout
구성 요소를 조정하기 위해 편집에서 레이아웃 모드(으)로 반복적으로 전환하는 대신 해당 구성 요소의 레이아웃을 변경할 구성 요소에 대해 레이아웃 작업을 선택할 수 있습니다. 이렇게 하면 편집 모드를 종료할 필요가 없어 시간을 절약할 수 있습니다.
-
Sites 콘솔의 편집 모드에 있는 경우 구성 요소를 선택하면 구성 요소의 도구 모음이 표시됩니다.
구성 요소의 레이아웃을 조정할 수 있도록 레이아웃 작업을 클릭합니다.
-
레이아웃 작업이 선택되면 다음과 같습니다.
- 구성 요소 표시의 크기 조정 핸들이 표시됩니다.
- 에뮬레이터 도구 모음이 화면 맨 위에 표시됩니다.
- 표준 편집 작업 대신 레이아웃 작업이 구성 요소 도구 모음에 표시됩니다.
레이아웃 모드에서처럼 구성 요소의 레이아웃을 수정할 수 있습니다.
-
필요한 레이아웃 변경을 만든 후 구성 요소 작업 메뉴에서 닫기 를 클릭하여 구성 요소 레이아웃 수정을 중지할 수 있습니다. 구성 요소의 도구 모음이 일반적인 편집 상태로 돌아갑니다.
상속된 구성 요소 inherited-components
상속된 구성 요소는 다음을 포함하여 다양한 시나리오의 제품일 수 있습니다.
상속을 취소(그런 다음 다시 활성화)할 수 있습니다. 구성 요소에 따라 다음 위치에서 사용할 수 있습니다.
-
Live Copy
구성 요소가 Live Copy 또는 론치의 일부인 페이지에 있는 경우(Live Copy 기반) 구성 요소 도구 모음 예:
상속 취소 옵션을 사용할 수 있습니다.
또는 이미 취소된 경우 상속을 다시 활성화합니다.
롤아웃 작업은 블루프린트 또는 라이브 카피 소스에서도 사용할 수 있습니다.
-
상속된 단락 시스템
구성 대화 상자 예를 들어 상속된 단락 시스템에서처럼:
페이지 템플릿 편집 editing-the-page-template
페이지가 편집 가능한 템플릿을 기반으로 하는 경우 페이지 정보 메뉴에서 템플릿 편집 을(를) 선택하여 템플릿 편집기(으)로 쉽게 전환할 수 있습니다.
페이지가 정적 템플릿을 기반으로 하는 경우 도구 모음의 페이지 모드 선택기를 사용하여 디자인 모드(으)로 전환하여 페이지에서 사용할 구성 요소를 활성화/비활성화할 수 있습니다.
열 보기 또는 목록 보기에서 페이지를 선택하면 페이지의 기본 템플릿을 쉽게 볼 수 있습니다.
Live Copy 상태 live-copy-status
Live Copy 상태 페이지 모드를 사용하면 live copy 상태와 상속되었거나 상속되지 않은 구성 요소에 대한 간단한 개요를 알 수 있습니다.
- 녹색 테두리: 상속됨
- 분홍색 테두리: 상속이 취소됨
예:
주석 추가 adding-annotations
주석을 사용하면 검토자와 다른 작성자가 콘텐츠에 대한 피드백을 제공할 수 있습니다. 검토 및 유효성 검사 목적으로도 종종 사용됩니다.
페이지 미리보기 previewing-pages
페이지를 미리 볼 수 있는 두 가지 옵션이 있습니다.
- 콘텐츠에 있는 링크는 볼 수는 있지만 편집 모드에서 액세스할 수는 없습니다.
- 링크를 사용하여 탐색하려는 경우 미리보기 옵션 중 하나를 사용합니다.
- 키보드 단축키
Ctrl-Shift-M
을 사용하여 미리보기와 마지막에 선택한 모드 간에 전환할 수 있습니다.
미리보기 모드 preview-mode
콘텐츠를 편집할 때 미리 보기 모드를 사용하여 페이지를 미리 볼 수 있습니다. 이 모드에서는 다음 작업을 수행할 수 있습니다.
- 페이지가 게시될 때 표시되는 방식에 대한 빠른 보기를 제공할 수 있도록 다양한 편집 메커니즘을 숨깁니다.
- 탐색하려면 링크를 사용하십시오.
- 페이지 콘텐츠를 새로 고치지 않습니다.
미리보기 모드는 작성할 때 페이지 편집기의 오른쪽 상단에 있는 아이콘을 사용하면 이용할 수 있습니다.
게시됨으로 보기 view-as-published
게시됨으로 보기 옵션은 페이지 정보 메뉴에서 사용할 수 있습니다. 이렇게 하면 새 탭에서 페이지가 열리고, 콘텐츠가 새로 고침되며, 게시할 때 표시되는 것과 동일하게 페이지가 표시됩니다.
페이지 잠금 locking-a-page
AEM을 사용하면 다른 사람이 컨텐츠를 수정할 수 없도록 페이지를 잠글 수 있습니다. 이 기능은 하나의 특정 페이지를 여러 번 편집하거나 잠시 동안 페이지를 동결해야 할 때 유용합니다.
페이지는 다음 중 하나에서 잠글 수 있습니다.
-
Sites 콘솔
- 선택 모드로 페이지를 선택합니다.
- 잠금 아이콘을 선택합니다.
-
페이지 편집기
- 메뉴를 열려면 페이지 정보 아이콘을 선택합니다.
- 페이지 잠금 옵션을 선택합니다.
페이지가 잠기면 콘솔 보기 정보가 업데이트되며, 편집 시에는 잠금 기호가 도구 모음에 표시됩니다.
페이지 잠금 해제 unlocking-a-page
페이지 잠금을 해제하는 것은 페이지 잠금과 비슷합니다. 페이지가 잠기면 잠금 옵션이 잠금 해제 동작으로 대체됩니다.
[페이지 정보] 메뉴에 잠금 해제 가 옵션으로 표시되며 [Sites 콘솔]의 잠금 아이콘은 잠금 해제 아이콘으로 바뀝니다.
페이지 편집 실행 취소 및 재실행 undoing-and-redoing-page-edits
다음 아이콘을 사용하여 작업을 실행 취소하거나 재실행할 수 있습니다. 이러한 구성 요소는 해당되는 경우 도구 모음에 표시됩니다.
페이지 편집 내용 실행 취소 및 재실행 - 이론 undoing-and-redoing-page-edits-the-theory
AEM은 사용자가 수행한 작업 내역과 해당 작업을 수행한 순서를 저장합니다. 이 기능은 여러 작업을 수행한 순서대로 실행 취소하고 필요한 경우 다시 실행하여 하나 이상의 작업을 다시 적용할 수 있음을 의미합니다.
콘텐츠 페이지의 요소(예: 텍스트 구성 요소 등)가 선택된 경우 명령을 실행 취소 및 재실행하면 선택한 항목에 적용됩니다.
실행 취소 및 재실행 명령의 동작은 다른 소프트웨어 프로그램의 동작과 유사합니다. 명령을 사용하여 콘텐츠를 결정할 때 웹 페이지의 최근 상태를 복원합니다. 예를 들어 텍스트 단락을 페이지의 다른 위치로 이동한 후 실행 취소 명령을 사용하여 단락을 원래 위치로 되돌릴 수 있습니다. 그런 다음 이전 위치가 더 낫다고 판단되는 경우 재실행 명령을 사용하여 “실행 취소를 실행 취소”하십시오.
- 실행 취소를 사용한 후 페이지를 편집하지 않은 경우 작업을 재실행합니다.
- 최대 20개의 편집 작업 실행을 취소합니다(기본 설정).
- 실행 취소 및 재실행용 키보드 단축키를 사용합니다.
다음 유형의 페이지 변경 사항에 대해 실행 취소 및 재실행을 사용할 수 있습니다.
- 단락 추가, 편집, 삭제 및 이동
- 단락 내용 즉석 편집
- 페이지 내 항목 복사, 잘라내기 및 붙여넣기
양식 구성 요소가 렌더링되는 양식 필드는 페이지를 작성하는 동안 지정된 값을 갖지 않습니다. 따라서 실행 취소 및 재실행 명령은 이러한 유형의 구성 요소 값에 대한 변경 내용에 영향을 주지 않습니다. 예를 들어 드롭다운 목록에서 값 선택을 실행 취소할 수 없습니다.