페이지 콘텐츠 편집

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

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

페이지 도구 모음

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

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

• 사이드 패널 전환

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

  

• 페이지 정보

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

  

• 에뮬레이터

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

  

• ContextHub

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

  

• 페이지 제목

  정보 제공용입니다.

  

• 모드 선택기

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

  

• 미리보기

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

  

• 주석

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

  

상태 알림

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

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

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

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

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

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

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

구성 요소 플레이스홀더

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

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

  

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

  

구성 요소 삽입

구성 요소 브라우저에서 구성 요소 삽입

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

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

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

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

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

단락 시스템에서 구성 요소 삽입

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

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

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

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

   

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

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

   

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

에셋 브라우저를 사용하여 구성 요소 삽입

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

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

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

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

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

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

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

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

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

편집/구성/복사/잘라내기/삭제/붙여넣기

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

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

• 편집

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

  

• 구성

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

  

• 복사

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

  

• 잘라내기

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

  

• 삭제

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

  

• 구성 요소 삽입

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

  

• 붙여넣기

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

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

  

  노트

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

• 그룹

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

  

• 상위

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

  

• 레이아웃

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

  

• 경험 조각 변형으로 변환

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

  

편집(컨텐츠)

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

• 편집하려면 구성 요소 대화 상자를 엽니다.
• 에셋 브라우저에서 에셋을 끌어다 놓아 콘텐츠를 바로 추가합니다.

구성 요소 편집 대화 상자

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

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

• 텍스트 구성 요소

  

• 이미지 구성 요소

  

  노트

  빈 이미지 구성 요소에서는 편집기가 작동하지 않습니다.

  다음을 수행해야 합니다. 이미지를 드래그 또는 업로드(구성 사용) 편집하려면 먼저

• 이미지 구성 요소 - 전체 화면

  Entering full screen mode for the image component allows for more space to edit the image as well as showing extra editing options such as Launch Map and Reset Zoom. In addition, full screen allows for crop presets to be selected.

  

• 두 개 이상의 기본 구성 요소(예: 텍스트 및 이미지 기초 구성 요소를 지정하는 경우에는 먼저 원하는 편집 옵션 세트를 확인하라는 메시지가 표시됩니다.

  

구성 요소로 에셋 드래그 앤 드롭

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

편집(컨텐츠) 전체 화면 모드

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

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

구성 요소 이동

단락 구성 요소 이동

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

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

   

3. 단락이 이동됩니다.

구성 요소 레이아웃 편집

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

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

   

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

   

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

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

   

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

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

   

상속된 구성 요소

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

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

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

• Live Copy

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

  

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

  

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

  

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

  

• 상속된 단락 시스템

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

  

페이지 템플릿 편집

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

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

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

Live Copy 상태

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

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

예:

주석 추가

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

페이지 미리보기

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

• 미리보기 모드 - 빠르고 즉각적인 미리보기

• 게시됨으로 보기 - 새 탭에 페이지가 열리는 전체 미리보기

미리보기 모드

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

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

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

게시됨으로 보기

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

페이지 잠금

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

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

• Sites 콘솔

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

  

• 페이지 편집기

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

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

페이지 잠금 해제

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

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

페이지 편집 실행 취소 및 재실행

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

페이지 편집 내용 실행 취소 및 재실행 - 이론

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

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

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

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

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

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

Business.Adobe.com 리소스

Ecommerce Integrations Targeted Content Personalized Experiences Mobile Forms Dynamic Media Digital Rights Management