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

CAUTION
AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.

페이지가 만들어지면(launch 또는 live copy의 일부 또는 신규) 콘텐츠를 편집하여 필요한 업데이트 작업을 수행할 수 있습니다.

콘텐츠는 페이지로 끌 수 있는 구성 요소(콘텐츠 유형에 맞는)를 사용하여 추가됩니다. 그런 다음 그 자리에서 편집하거나, 이동하거나 삭제할 수 있습니다.

NOTE
계정에는 적절한 액세스 권한권한 페이지를 편집하려면
문제가 발생하면 시스템 관리자에게 문의하십시오.
NOTE
페이지 및/또는 템플릿이 적절하게 설정된 경우 편집할 때 응답형 레이아웃을 사용할 수 있습니다.
NOTE
편집 모드에서는 콘텐츠에 링크가 표시되지만 액세스할 수 없습니다. 콘텐츠의 링크를 사용하여 탐색하려면 미리보기 모드를 사용하십시오.

페이지 도구 모음 page-toolbar

페이지 도구 모음에서는 페이지 구성에 따라 적절한 기능에 대한 액세스 권한을 제공합니다.

screen_shot_2018-03-22at111338

도구 모음에서는 다양한 옵션에 액세스할 수 있습니다. 현재 컨텍스트 및 구성에 따라 일부 옵션을 사용하지 못할 수 있습니다.

  • 사이드 패널 전환

    에셋 브라우저, 구성 요소 브라우저콘텐츠 트리를 보유하는 사이드 패널을 열고 닫습니다.

  • 페이지 정보

    에 대한 액세스 권한을 제공합니다. 페이지 정보 페이지 정보 보기 및 편집, 페이지 속성 보기, 페이지 게시/게시 취소를 포함하여 페이지에서 수행할 수 있는 페이지 세부 사항 및 작업을 포함하는 메뉴.

  • 에뮬레이터

    다른 디바이스에서 페이지의 디자인을 에뮬레이트하는 데 사용되는 에뮬레이터 도구 모음을 전환합니다. 이는 레이아웃 모드에서 자동으로 전환됩니다.

  • ContextHub

    를 엽니다. context hub. [미리보기 모드]에서만 사용 가능합니다.

    screen_shot_2018-03-22at111543

  • 페이지 제목

    정보 제공용입니다.

    screen_shot_2018-03-22at111554

  • 모드 선택기

    현재 모드를 표시하고 편집, 레이아웃, 타임워프 또는 타겟팅과 같은 다른 모드를 선택할 수 있습니다.

    chlimage_1-243

  • 미리보기

    미리보기 모드를 활성화합니다. 게시할 때 표시될 페이지를 표시합니다.

    chlimage_1-244

  • 주석

    추가할 수 있습니다. 주석 페이지를 검토할 때 페이지로 이동합니다. 첫 번째 주석 다음에 아이콘이 숫자로 전환하여 페이지에 있는 주석의 수를 가리킵니다.

상태 알림 status-notification

페이지가 워크플로 또는 다중 워크플로의 일부인 경우 페이지를 편집할 때 화면 맨 위에 있는 알림 표시줄에 이 정보가 표시됩니다.

screen_shot_2018-03-22at111739

NOTE
상태 표시줄은 적절한 권한이 있는 사용자 계정에만 표시됩니다.

알림은 페이지에 대해 실행 중인 워크플로를 나열합니다. 사용자가 현재 워크플로 단계에 참여 중인 경우 옵션은 워크플로 상태에 영향을 주며 워크플로에 대한 자세한 정보는 다음과 같이 확인할 수 있습니다.

  • 완료 - 를 엽니다. 작업 항목 완료 대화 상자

  • 위임 - 를 엽니다. 작업 항목 완료 대화 상자

  • 세부 사항 보기 - 워크플로의 세부 사항 창을 엽니다.

알림 표시줄을 통해 워크플로 단계를 완료하고 위임하는 것은 알림 받은 편지함에서 워크플로에 참여할 때와 같은 방식입니다.

페이지에 여러 개의 워크플로가 있는 경우 알림 오른쪽 끝에 화살표 버튼과 함께 워크플로 개수가 표시되어 워크플로를 스크롤할 수 있습니다.

chlimage_1-245

구성 요소 플레이스홀더 component-placeholder

구성 요소 플레이스홀더는 구성 요소를 놓을 때 배치될 위치를 보여 주는 표시기입니다(현재 마우스로 가리키고 있는 구성 요소 위에 있음).

  • 페이지에 새 구성 요소를 추가할 때(구성 요소 브라우저에서 드래그):

    screen_shot_2018-03-22at111928

  • 기존 구성 요소를 이동할 때:

    screen_shot_2018-03-22at112445

구성 요소 삽입 inserting-a-component

구성 요소 브라우저에서 구성 요소 삽입 inserting-a-component-from-the-components-browser

구성 요소 브라우저를 사용하여 새 구성 요소를 추가할 수 있습니다. 구성 요소 플레이스홀더는 구성 요소가 위치할 곳을 보여 줍니다.

  1. 페이지가 편집 모드인지 확인합니다.

  2. 구성 요소 브라우저를 엽니다.

  3. 필요한 구성 요소를 필요한 위치로 드래그합니다.

  4. 편집 구성 요소입니다.

NOTE
모바일 디바이스에서 구성 요소 브라우저가 전체 화면을 채웁니다. 구성 요소 드래그를 시작하면 브라우저가 닫히고 구성 요소를 배치할 수 있도록 페이지가 다시 표시됩니다.

단락 시스템에서 구성 요소 삽입 inserting-a-component-from-the-paragraph-system

단락 시스템의 구성 요소를 여기로 드래그하십시오. 상자를 사용하여 새 구성 요소를 추가할 수 있습니다.

  1. 페이지가 편집 모드인지 확인합니다.

  2. 단락 시스템에서 새 구성 요소를 선택하고 추가하는 방법에는 두 가지가 있습니다.

    • 을(를) 선택합니다 구성 요소 삽입 기존 구성 요소의 도구 모음 또는 구성 요소를 여기로 드래그하십시오 상자.

    screen_shot_2018-03-22at112536

    • 데스크탑 디바이스를 사용하는 경우 구성 요소를 여기로 드래그하십시오. 상자를 더블 클릭합니다.

    필수 구성 요소를 선택할 수 있는 새 구성 요소 삽입 대화 상자가 열립니다.

    screen_shot_2018-03-22at112650

  3. 선택한 구성 요소가 페이지 하단에 추가됩니다. 편집 필요에 따라 구성 요소를 만듭니다.

에셋 브라우저를 사용하여 구성 요소 삽입 inserting-a-component-using-the-assets-browser

에셋 브라우저에서 에셋을 끌어 페이지에 새 구성 요소를 추가할 수도 있습니다. 이렇게 하면 적절한 유형의 새 구성 요소가 자동으로 만들어집니다(에셋이 들어 있음).

이것은 다음 자산 유형에 대해 유효합니다(일부는 페이지/단락 시스템에 따라 다릅니다.).

자산 유형
결과 구성 요소 유형
이미지
이미지
문서
다운로드
제품
제품
비디오
Flash
콘텐츠 조각
콘텐츠 조각
NOTE
이 동작은 설치에 대해 구성할 수 있습니다. 자세한 내용은 단락 시스템 구성 및 자산 드래그를 통한 구성 요소 인스턴스 생성 자세한 내용

위의 에셋 유형 중 하나를 끌어 구성 요소를 만들려면

  1. 페이지가 편집 모드인지 확인합니다.

  2. 에셋 브라우저를 엽니다.

  3. 필요한 에셋을 필요한 위치로 끕니다. 구성 요소 플레이스홀더는 구성 요소가 위치할 곳을 보여 줍니다.

    에셋 유형에 적절한 구성 요소가 필요한 위치에 만들어지게 됩니다. 여기에 선택한 에셋이 포함됩니다.

  4. 편집 필요한 경우 구성 요소를 참조하십시오.

NOTE
모바일 디바이스에서 에셋 브라우저가 전체 화면을 채웁니다. 에셋을 드래그하면 브라우저가 닫히고 에셋을 배치할 수 있도록 페이지가 다시 표시됩니다.

에셋을 검색할 때 에셋을 빠르게 변경해야 하는 경우, 에셋의 이름 옆에 있는 편집 아이콘을 클릭하여 에셋 편집기를 브라우저에서 직접 시작할 수 있습니다.

screen_shot_2018-03-22at112735

편집/구성/복사/잘라내기/삭제/붙여넣기 edit-configure-copy-cut-delete-paste

구성 요소를 선택하면 도구 모음이 열립니다. 이 도구 모음에서는 구성 요소에서 수행할 수 있는 다양한 작업에 액세스할 수 있습니다.

사용자가 사용할 수 있는 실제 작업은 상황에 따라 적절히 표시되며 일부 작업은 여기에서 설명되지 않을 수 있습니다.

screen_shot_2018-03-22at112909

  • 편집

    편집 구성 요소 유형에 따라 구성 요소의 콘텐츠를 편집할 수 있게 됩니다. 종종 도구 모음이 제공됩니다.

  • 구성

    구성 요소 유형에 따라 구성 요소의 속성을 편집 및 구성할 수 있게 됩니다. 종종 대화 상자가 열립니다.

  • 복사

    구성 요소를 클립보드에 복사합니다. 붙여넣기 작업 후에도 원래 구성 요소는 유지됩니다.

  • 잘라내기

    구성 요소를 클립보드에 복사합니다. 붙여넣기 작업 후 원래 구성 요소는 제거됩니다.

    screen_shot_2018-03-22at113007

  • 삭제

    확인 메시지가 표시된 페이지에서 구성 요소가 삭제됩니다.

  • 구성 요소 삽입

    그러면 대화 상자가 새 구성 요소 추가.

  • 붙여넣기

    구성 요소를 클립보드에서 페이지로 붙여넣게 됩니다. 원본이 유지되는지 여부는 사용한 것이 복사인지 잘라내기인지에 따라 다릅니다.

    • 같은 페이지나 다른 페이지에 붙여넣을 수 있습니다.
    • 붙여넣은 항목은 붙여넣기 작업을 선택한 항목 위에 붙여넣습니다.
    • 클립보드에 콘텐츠가 있는 경우에만 붙여넣기 작업이 표시됩니다.

    screen_shot_2018-03-22at113553

    note note
    NOTE
    잘라내기/복사 작업 전에 이미 열려 있는 다른 페이지에 붙여넣으면 해당 페이지를 새로 고쳐 붙여넣은 콘텐츠를 볼 수 있습니다.
  • 그룹

    여러 구성 요소를 한 번에 선택할 수 있도록 해 줍니다. Control+Click 또는 Command+Click ​하여 데스크탑 디바이스에서도 동일한 작업을 수행할 수 있습니다.

  • 상위

    선택한 구성 요소의 상위 구성 요소를 선택할 수 있습니다.

    screen_shot_2018-03-22at113028

  • 레이아웃

    이를 통해 다음을 수정할 수 있습니다 레이아웃 선택한 구성 요소의 일부입니다. 선택한 구성 요소에만 적용되며 를 활성화하지 않습니다 레이아웃 모드 를 클릭하여 제품에서 사용할 수 있습니다.

  • 경험 조각 변형으로 변환

    이 작업에서는 선택한 구성 요소에서 새 경험 조각을 생성하거나 기존 경험 조각에 추가할 수 있습니다.

편집(컨텐츠) edit-content

구성 요소에서 콘텐츠를 추가 및/또는 편집하는 방법에는 두 가지가 있습니다.

구성 요소 편집 대화 상자 component-edit-dialog

구성 요소 도구 모음의 편집(연필) 아이콘을 사용하여 콘텐츠를 편집할 구성 요소를 열 수 있습니다.

정확한 편집 옵션은 구성 요소에 따라 다릅니다. 일부 구성 요소의 경우 모든 작업은 전체 화면 모드에서만 사용할 수 있습니다. 예:

구성 요소로 에셋 드래그 앤 드롭 drag-and-drop-assets-into-component

특정 구성 요소 유형의 경우 자산 브라우저의 자산을 구성 요소에 바로 끌어다 놓아 컨텐츠를 업데이트할 수 있습니다.

자산 유형
구성 요소 유형
이미지
이미지
문서
다운로드
제품
제품
비디오
Flash
콘텐츠 조각
콘텐츠 조각

편집(컨텐츠) 전체 화면 모드 edit-content-full-screen-mode

모든 구성 요소에 대해 다음 아이콘으로 전체 화면 모드에 액세스(및 액세스 종료)할 수 있습니다.

예를 들어 텍스트 구성 요소:

screen_shot_2018-03-22at121616

NOTE
일부 구성 요소의 경우, 전체 화면 모드에서는 기본 즉석 편집기보다 사용할 수 있는 옵션이 더 많습니다.

구성 요소 이동 moving-a-component

단락 구성 요소 이동

  1. 길게 탭하거나 길게 클릭하여 이동할 단락을 선택합니다.

  2. 단락을 새 위치로 드래그합니다. AEM에서 단락을 둘 수 있는 위치를 보여 줍니다. 단락을 원하는 위치에 놓습니다.

    screen_shot_2018-03-22at121821

  3. 단락이 이동됩니다.

NOTE
잘라내기 및 붙여넣기를 사용하여 구성 요소를 이동할 수도 있습니다.

구성 요소 레이아웃 편집 edit-component-layout

구성 요소를 조정하기 위해 편집에서 레이아웃 모드로 반복적으로 전환하는 대신 해당 구성 요소의 레이아웃을 변경하려는 구성 요소에 대해 레이아웃 작업을 선택하면 [편집 모드]를 벗어나지 않고 시간을 절약할 수 있습니다.

  1. Sites 콘솔의 편집 모드에 있는 경우 구성 요소를 선택하면 구성 요소의 도구 모음이 표시됩니다.

    screen_shot_2018-03-22at133756

    레이아웃 작업을 클릭하거나 탭하여 구성 요소의 레이아웃을 조정합니다.

  2. 레이아웃 작업을 선택하면

    • 구성 요소 표시에 대한 크기 조정 핸들입니다.
    • 에뮬레이터 도구 모음이 화면 맨 위에 표시됩니다.
    • 표준 편집 작업 대신 레이아웃 작업이 구성 요소 도구 모음에 표시됩니다.

    screen_shot_2018-03-22at133843

    레이아웃 모드에서처럼 구성 요소의 레이아웃을 수정할 수 있습니다.

  3. 필요한 레이아웃 변경을 만든 후 구성 요소 작업 메뉴에서 닫기 버튼을 클릭하여 구성 요소 레이아웃 수정을 중지할 수 있습니다. 구성 요소의 도구 모음이 일반적인 편집 상태로 돌아갑니다.

NOTE
레이아웃 작업은 선택한 구성 요소의 범위로 제한됩니다. 예를 들어, 한 구성 요소의 레이아웃을 편집한 다음 다른 구성 요소를 클릭하면 에뮬레이터 도구 모음이 사라질 뿐 아니라 새롭게 선택한 구성 요소와 크기 조정 핸들에 대해 표준 편집 도구 모음(레이아웃 도구 모음이 아님)이 표시됩니다.
여러 구성 요소에 영향을 주는 페이지의 전체 레이아웃을 편집해야 하는 경우 레이아웃 모드.

상속된 구성 요소 inherited-components

상속된 구성 요소는 다음을 포함하여 다양한 시나리오의 제품일 수 있습니다.

  • 다중 사이트 관리
  • Launch(live copy을 기반으로 할 때).
  • Geometrixx 내의 상속된 단락 시스템과 같은 특정 구성 요소.

상속을 취소(그런 다음 다시 활성화)할 수 있습니다. 구성 요소에 따라 다음 제품에서 사용할 수 있습니다.

  • Live Copy

    구성 요소 도구 모음 - 구성 요소가 Live Copy 또는 론치(Live Copy 기반)의 일부인 페이지에 있는 경우. 예:

    screen_shot_2018-03-22at134339

    상속 취소 옵션을 사용할 수 있습니다.

    또는 이미 취소된 경우 상속을 다시 활성화합니다.

    롤아웃 작업은 블루프린트 또는 Live Copy 소스에서 사용할 수도 있습니다.

  • 상속된 단락 시스템

    구성 대화 상자 예를 들어 상속된 단락 시스템과 같습니다.

    chlimage_1-247

페이지 템플릿 편집 editing-the-page-template

페이지가 편집 가능한 템플릿로 쉽게 전환할 수 있습니다. 템플릿 편집기 선택 템플릿 편집 에서 페이지 정보 메뉴.

페이지가 정적 템플릿로 전환할 수 있습니다. 디자인 모드 사용 페이지 모드 선택기 도구 모음에서 페이지에서 사용할 구성 요소를 활성화/비활성화합니다.

열 보기 또는 목록 보기에서 페이지를 선택하면 페이지의 기본 템플릿을 쉽게 볼 수 있습니다.

Live Copy 상태 live-copy-status

다음 Live Copy 상태 페이지 모드 live copy 상태와 상속되었거나 상속되지 않은 구성 요소에 대한 간단한 개요를 알 수 있습니다.

  • 녹색 테두리: 상속됨
  • 분홍색 테두리: 상속이 취소되었습니다.

예:

screen_shot_2018-03-22at134820

주석 추가 adding-annotations

주석을 사용하면 검토자와 다른 작성자가 콘텐츠에 대한 피드백을 제공할 수 있습니다. 검토 및 유효성 검사 목적으로 종종 사용됩니다.

페이지 미리보기 previewing-pages

페이지를 미리 볼 수 있는 두 가지 옵션이 있습니다.

NOTE
  • 콘텐츠에 있는 링크는 볼 수는 있지만 편집 모드에서 액세스할 수는 없습니다.
  • 링크를 사용하여 탐색하려는 경우 미리보기 옵션 중 하나를 사용합니다.
  • 키보드 단축키 Ctrl-Shift-M을 사용하여 미리보기와 마지막에 선택한 모드 간에 전환할 수 있습니다.
NOTE
WCM 모드 쿠키는 두 옵션 모두에 대해 설정됩니다.

미리보기 모드 preview-mode

내용을 편집할 때 미리보기 모드를 사용하여 페이지를 미리 볼 수 있습니다. 이 모드에서 다음 작업을 수행합니다.

  • 게시할 때 페이지가 표시되는 모양에 대해 빠른 보기를 제공할 수 있도록 여러 가지 편집 메커니즘을 숨깁니다.
  • 링크를 사용하여 탐색할 수 있습니다.
  • 페이지 콘텐츠를 새로 고치지 않습니다.

미리보기 모드는 작성할 때 페이지 편집기의 오른쪽 상단에 있는 아이콘을 사용하면 이용할 수 있습니다.

chlimage_1-248

게시됨으로 보기 view-as-published

다음 게시됨으로 보기 옵션은 페이지 정보 메뉴 아래의 제품에서 사용할 수 있습니다. 이 옵션은 새 탭에 페이지를 열고, 콘텐츠를 새로 고치고, 게시 환경에 표시되는 대로 페이지를 표시합니다.

페이지 잠금 locking-a-page

AEM에서는 다른 사람이 콘텐츠를 수정할 수 없도록 페이지를 잠글 수 있습니다. 이 기능은 하나의 특정 페이지에 여러 편집 작업을 수행하거나 잠시 동안 페이지를 동결해야 할 때 유용합니다.

다음 중 하나에서 페이지를 잠글 수 있습니다.

  • Sites 콘솔

    1. 다음으로 페이지 선택 선택 모드.
    2. 잠금 아이콘을 선택합니다.

    screen_shot_2018-03-22at134928

  • 페이지 편집기

    1. 을(를) 선택합니다 페이지 정보 아이콘을 클릭하여 메뉴를 엽니다.
    2. 페이지 잠금 옵션을 선택합니다.

페이지가 잠기면 콘솔 보기 정보가 업데이트되며, 편집 시에는 잠금 기호가 도구 모음에 표시됩니다.

screen_shot_2018-03-22at135010

CAUTION
페이지 잠금은 다음 경우에 수행할 수 있습니다 사용자 가장하기. 그러나 이 방법으로 잠긴 페이지는 가장된 사용자나 관리자만 잠금을 해제할 수 있습니다.
페이지를 잠근 사용자를 가장하는 것으로는 페이지 잠금을 해제할 수 없습니다.

페이지 잠금 해제 unlocking-a-page

페이지 잠금을 해제하는 것은 페이지 잠금과 매우 유사해서, 페이지가 잠기면 잠금 옵션이 잠금 해제 동작으로 대체됩니다.

[페이지 정보] 메뉴에 잠금 해제 ​가 옵션으로 표시되며 [사이트 콘솔]의 잠금 아이콘은 잠금 해제 아이콘으로 바뀝니다.

screen_shot_2018-03-22at134942

CAUTION
페이지 잠금은 다음 경우에 수행할 수 있습니다 사용자 가장하기. 그러나 이 방법으로 잠긴 페이지는 가장된 사용자나 관리자만 잠금을 해제할 수 있습니다.
페이지를 잠근 사용자를 가장하는 것으로는 페이지 잠금을 해제할 수 없습니다.

페이지 편집 실행 취소 및 재실행 undoing-and-redoing-page-edits

다음 아이콘을 사용하여 작업을 실행 취소하거나 재실행할 수 있습니다. 이 아이콘들은 때에 따라 도구 모음에도 표시됩니다.

NOTE
다음 키보드 단축키 Ctrl-Z 페이지 편집 작업을 실행 취소할 수도 있습니다.
키보드 단축키 Ctrl-Y 페이지 편집 작업을 재실행할 수도 있습니다.
NOTE
페이지 편집 내용을 실행 취소하거나 재실행할 때 가능한 사항에 대한 모든 세부 사항은 페이지 편집 실행 취소 및 재실행 - 이론을 참조하십시오.

페이지 편집 내용 실행 취소 및 재실행 - 이론 undoing-and-redoing-page-edits-the-theory

NOTE
시스템 관리자는 다음을 수행할 수 있습니다 실행 취소/재실행 기능의 다양한 측면 구성 사용자 인스턴스에 대한 요구 사항에 따라 다릅니다.

AEM에는 사용자가 수행한 작업 내역이 순서대로 저장됩니다. 따라서 여러 작업의 실행을 취소하면 수행한 순서대로 취소됩니다. 그런 다음 필요한 경우 재실행을 사용하여 하나 이상의 작업을 다시 적용할 수 있습니다.

콘텐츠 페이지의 요소(예: 텍스트 구성 요소 등)가 선택된 경우 명령을 실행 취소 및 재실행하면 선택한 항목에 적용됩니다.

실행 취소 및 재실행 명령의 동작은 다른 소프트웨어 프로그램의 경우와 비슷합니다. 컨텐츠를 결정할 때 명령을 사용하여 웹 페이지의 최신 상태를 복원합니다. 예를 들어 텍스트 단락을 페이지의 다른 위치로 이동한 후 실행 취소 명령을 사용하여 단락을 원래 위치로 되돌릴 수 있습니다. 그런 다음 이전 위치가 더 낫다고 판단되는 경우 재실행 명령을 사용하여 “실행 취소를 실행 취소”하십시오.

NOTE
다음과 같은 작업을 수행할 수 있습니다.
  • 실행 취소를 사용한 후 페이지를 편집하지 않은 경우 작업을 재실행합니다.
  • 최대 20개의 편집 작업 실행을 취소합니다(기본 설정).
  • 사용 키보드 단축키 실행 취소 및 재실행용.

다음 유형의 페이지 변경 사항에 대해 실행 취소 및 재실행을 사용할 수 있습니다.

  • 단락 추가, 편집, 제거 및 이동
  • 단락 컨텐츠 즉석 편집
  • 페이지 내에서 항목 복사, 잘라내기 및 붙여넣기

구성 요소 렌더링을 구성하는 양식 필드는 페이지를 작성하는 동안 값이 지정되지 않습니다. 따라서 실행 취소 및 재실행 명령으로는 해당 구성 요소 유형의 값에 수행한 변경 사항이 적용되지 않습니다. 예를 들어 드롭다운 목록에서 값을 선택한 작업에 대해서는 실행 취소를 할 수 없습니다.

NOTE
파일 및 이미지 변경을 취소하거나 재실행하려면 특수 권한이 필요합니다.
NOTE
파일 및 이미지 변경 내역은 최소 10시간 동안 유지됩니다. 그러나 이 시간이 지나면 변경을 취소하지 못할 수 있습니다. 관리자는 기본 시간인 10시간을 변경할 수 있습니다.
recommendation-more-help
5f6f1f67-8db1-40cb-84e9-024e65b9fc4c