버전용 도움말 콘텐츠:

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

터치에 적합한 UI

사이트 관리

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

예를 들면 카드 보기에서 다음을 수행합니다.

chlimage_1

페이지 컨텐츠 편집

터치에 적합한 UI 페이지 편집기로 페이지를 편집할 수 있습니다. 예:

   http://localhost:4502/editor.html/content/geometrixx/en/products/triangle.html

chlimage_1

참고:

터치에 적합한 UI로 편집하기 위해 페이지를 처음 열면, 일련의 슬라이드를 통해 기능을 둘러볼 수 있습니다.

원할 경우 둘러보기를 건너뛰고 언제든지 페이지 정보 메뉴에서 선택하여 반복할 수도 있습니다.

도움말 액세스

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

  • 페이지 정보 선택기: 소개 슬라이드(편집기에 처음 액세스할 때 표시됨)가 표시됩니다.
  • 특정 구성 요소의 구성 대화 상자(대화 상자 도구 모음의 ? 아이콘 사용): 상황에 맞는 도움말이 표시됩니다.

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

구성 요소 브라우저

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

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

chlimage_1

사이드 패널을 열 때에는 (왼쪽에서) 밀어서 열게 됩니다. 필요한 경우 구성 요소 탭을 선택하고 연 후에는 페이지에 대해 사용 가능한 모든 구성 요소를 찾아볼 수 있습니다.

구성 요소 그룹은 텍스트 및 색상으로 표시됩니다. 일반은 항상 녹색 색조로 표시되고, 다른 그룹에는 임의 색상이 지정됩니다(최대 10개 색상을 사용하며 그룹 수가 10개가 넘으면 색상을 다시 사용).

[구성 요소] 브라우저의 맨 위 도구 모음에서 가능한 작업:

  • 구성 요소를 이름별로 필터링
  • 드롭다운 선택을 사용하여 표시를 특정 그룹으로 제한

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

참고:

모바일 장치는 폭이 1024픽셀 미만인 경우 감지됩니다(즉, 작은 데스크톱 창에서도 감지됨).

  • 모바일 장치(예: iPad)

    구성 요소 브라우저는 편집되는 페이지를 완전히 포함합니다.

    구성 요소를 페이지에 추가하려면 필요한 구성 요소를 길게 터치하고 오른쪽으로 이동합니다. 구성 요소 브라우저가 닫히고 페이지가 다시 표시되어 구성 요소를 배치할 수 있습니다.

    chlimage_1
  • 데스크탑 장치

    창의 왼쪽에 구성 요소 브라우저가 열립니다.

    구성 요소를 페이지에 추가하려면 필요한 구성 요소를 클릭하고 필요한 위치로 끕니다.

    chlimage_1

자산 브라우저

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

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

chlimage_1

사이드 패널을 열 때에는 (왼쪽에서) 밀어서 열게 됩니다. 필요한 경우 자산 탭을 선택하고 연 후에는 페이지에 대해 사용 가능한 모든 자산을 찾아볼 수 있습니다. 필요하면 목록을 확장하는 데 스크롤을 무제한으로 사용합니다.

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

  • 해당 유형의 기존 구성 요소
    예를 들어 유형 이미지의 자산을 이미지 구성 요소로 끌 수 있습니다.
  • 해당 유형의 새 구성 요소를 만들기 위한 단락 시스템의 자리 표시자
    예를 들어 유형 이미지의 자산을 단락 시스템으로 끌어 이미지 구성 요소를 만들 수 있습니다.

참고:

특정 자산 및 구성 요소 유형에 사용할 수 있습니다. 자세한 내용은 자산 브라우저를 사용하여 구성 요소 삽입을 참조하십시오.

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

  • 이름
  • 경로
  • 자산 유형(예: 이미지, 원고, 문서, 비디오, 페이지, 단락, 제품)
  • 자산 특성. 이 작업은 특정 자산 유형에 사용할 수 있습니다. 예를 들어, 이미지는 방향(세로, 가로, 정사각형)과 스타일(컬러, 모노크롬, 회색 음영)으로 필터링할 수 있습니다.

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

참고:

모바일 장치는 폭이 1024픽셀 미만인 경우 감지됩니다(즉, 작은 데스크톱 창에서도 감지됨).

  • 모바일 장치(예: iPad)

    자산 브라우저는 편집되는 페이지를 완전히 포함합니다.

    자산을 페이지에 추가하려면 필요한 자산을 길게 터치하고 오른쪽으로 이동합니다. 자산 브라우저가 닫히고 페이지가 다시 표시되어 필요한 구성 요소에 자산을 추가할 수 있습니다.

    chlimage_1
  • 데스크탑 장치

    창의 왼쪽에 자산 브라우저가 열립니다.

    자산을 페이지에 추가하려면 필요한 자산을 클릭하고 필요한 구성 요소 또는 위치로 드래그합니다.

    chlimage_1

조각 - 관련 컨텐츠 브라우저

페이지에 컨텐츠 조각이 포함되어 있으면 관련 컨텐츠 브라우저에 액세스할 수도 있습니다.

참조

참조에는 선택한 페이지에 대한 연결 내용이 표시됩니다.

  • 블루프린트
  • 론치
  • Live copy
  • 언어 복사
  • 참조 구성 요소의 사용
  • 제품 페이지에 대한 참조(커머스 - 제품 콘솔)

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

chlimage_1

필수 리소스와 관련이 있는 참조 유형 목록을 표시하려면 관련 리소스를 선택합니다.

chlimage_1

자세한 내용을 보려면 적절한 참조 유형을 선택합니다. 특정 상황에서 다음을 비롯한 특정 참조를 선택하면 추가 작업을 사용할 수 있습니다.

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

chlimage_1

이벤트 - 타임라인

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

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

chlimage_1

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

chlimage_1

페이지 정보

[페이지 정보](이퀄라이저 아이콘)에서는 마지막 편집과 마지막 게시에 대한 세부 사항을 보여 주는 메뉴가 열립니다. 페이지의 특성(및 페이지가 위치한 사이트)에 따라 더 많은 옵션을 사용할 수도 있습니다.

chlimage_1

예를 들어, 적절한 곳에서 페이지 정보에서는 다음 작업을 할 수 있습니다.

  • 분석과 추천에 액세스할 수 있습니다.
  • 페이지 롤아웃을 수행할 수도 있습니다.
  • 출시를 홍보할 수 있습니다.

페이지 모드

터치에 적합한 UI로 페이지를 편집할 때에는 다양한 모드가 있습니다.

  • 편집 - 페이지 컨텐츠를 편집할 때 사용할 모드
  • Scaffolding - 구조는 동일하면서 내용이 다른 페이지를 여러 개 만드는 데 도움이 됩니다.
  • 개발자 - 다양한 작업을 수행할 수 있습니다(권한 필요). 이러한 작업에는 페이지 및 해당 구성 요소의 기술적인 세부 정보 검사가 포함됩니다.
  • 디자인 - 페이지에 대해 사용할 구성 요소를 활성화/비활성화하고 구성 요소의 디자인을 구성할 수 있습니다.
  • 타깃팅 - 모든 채널에서 타깃팅과 측정을 통해 컨텐츠 관련성을 높입니다.
  • Live Copy 상태 - live copy 상태와 상속되었거나 상속되지 않은 구성 요소에 대한 간단한 개요를 알 수 있습니다.
  • 미리 보기 - 페이지가 게시 환경에 표시될 상태로 해당 페이지를 보거나 컨텐츠의 링크를 사용하여 탐색하는 데 사용됩니다.
  • 주석 - 페이지에서 주석을 추가하거나 보는 데 사용됩니다.

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

chlimage_1

참고:

  • 개발자 모드는 모바일 모드에서 사용할 수 없습니다(공간 제약).
  • 일부 모드에 액세스하려면 적절한 권한이 필요합니다.
  • 키보드 단축키(Ctrl+Shift+m)를 사용하여 미리 보기와 현재 선택한 모드(예: 편집, Scaffolding 등) 간을 전환합니다.

클래식 UI

사이트 관리 - 클래식 UI

클래식 UI의 웹 사이트 콘솔에서는 웹 사이트의 구조를 확장할 수 있는 두 개의 창과 필요한 요소에서 수행한 작업을 사용하여 웹 사이트를 관리 및 탐색할 수 있습니다.

chlimage_1

페이지 컨텐츠 편집 - 클래식 UI

컨텐츠 파인더 및 사이드 킥을 사용하여 클래식 UI가 있는 별도의 페이지가 있습니다.

http://localhost:4502/cf#/content/geometrixx/en/products/triangle.html

chlimage_1

도움말 액세스 - 클래식 UI

다양한 도움말 리소스는 AEM 내에서 직접 액세스할 수 있습니다.

  • 터치에 적합한 UI

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

    • 페이지 정보 선택기: 소개 슬라이드(편집기에 처음 액세스할 때 표시됨)가 표시됩니다.
    • 특정 구성 요소의 구성 대화 상자(대화 상자 도구 모음의 ? 아이콘 사용): 상황에 맞는 도움말이 표시됩니다.

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

  • 클래식 UI

    페이지를 편집할 때 콘솔 도구 모음에서 도움말에 액세스할 수 있을 뿐만 아니라 사이드 킥에서 도움말에 액세스(? 아이콘 사용)할 수도 있습니다.

    sidekick-collapsed

    또는 특정 구성 요소의 [편집] 대화 상자에 있는 도움말 단추를 사용하면 상황에 맞는 도움말이 표시됩니다.

사이드 킥 - 클래식 UI

사이드 킥의 구성 요소 탭에서는 현재 페이지에 추가할 수 있는 구성 요소를 찾을 수 있습니다. 필요한 그룹을 확장한 다음, 구성 요소를 페이지에서 필요한 위치로 드래그할 수 있습니다.

chlimage_1

컨텐츠 파인더 - 클래식 UI

컨텐츠 파인더를 사용하면 페이지를 편집할 때 저장소 내에서 자산 및/또는 컨텐츠를 빠르고 손쉽게 찾을 수 있습니다.

컨텐츠 파인더를 사용하여 다양한 리소스를 찾을 수 있습니다. 적절한 곳에서는 항목을 드래그하여 페이지의 단락에 놓을 수 있습니다.

모든 옵션에서 특정 항목을 검색할 수 있습니다.

이미지 찾기

이 탭에는 보관소의 모든 이미지가 나열됩니다.

페이지에 이미지 단락을 만든 후 항목을 단락으로 드래그하여 놓을 수 있습니다.

chlimage_1

문서 찾기

이 탭에는 보관소의 모든 문서가 나열됩니다.

페이지에 Download 단락을 만든 후 항목을 단락으로 드래그하여 놓을 수 있습니다.

chlimage_1

동영상 찾기

이 탭에는 저장소의 모든 동영상(예: Flash 항목)이 나열됩니다.

페이지에 적절한 단락(예: Flash)을 만들면 항목을 단락으로 드래그하여 놓을 수 있습니다.

chlimage_1

제품

이 탭에는 모든 제품이 나열됩니다. 페이지에 적절한 단락(예: 제품)을 만들면 항목을 단락으로 드래그하여 놓을 수 있습니다.

chlimage_1

페이지 찾기

이 탭에는 모든 페이지가 표시됩니다. 편집할 페이지를 두 번 클릭하여 엽니다.

chlimage_1

다른 페이지의 단락 참조

이 탭에서는 다른 페이지를 검색할 수 있습니다. 그러면 해당 페이지의 모든 단락이 나열됩니다. 현재 페이지로 단락을 드래그하여 놓을 수 있으며, 이렇게 하면 원래 단락에 대한 참조가 만들어집니다.

chlimage_1

원고 찾기

이 탭은 원고를 찾는 데 사용할 수 있습니다.

chlimage_1

전체 보관소 보기 사용

이 탭에는 저장소의 모든 리소스가 표시됩니다.

chlimage_1

컨텐츠 브라우저에서 검색 사용

모든 옵션에서 특정 항목을 검색할 수 있습니다. 검색 패턴과 일치하는 모든 태그 및 리소스가 나열됩니다.

screen_shot_2012-02-08at100746am

검색에 와일드카드를 사용할 수도 있습니다. 지원되는 와일드카드는 다음과 같습니다.

  • *
    0개 이상의 문자 시퀀스와 일치하는 항목을 찾습니다.
  • ?
    단일 문자와 일치하는 항목을 찾습니다.

참고:

와일드카드 검색을 수행하려면 사용해야 하는 모조 속성 "name"이 있습니다.

예를 들어 다음 이름을 가진 이미지가 있는 경우

    ad-nmvtis.jpg

다음 검색 패턴에 따라 해당 이미지(및 이 패턴과 일치하는 기타 이미지)를 검색할 수 있습니다.

  • name:*nmv*
  • name:AD*
    문자를 이용한 검색에서 대/소문자를 구분하지 않습니다.
  • name:ad?nm??is.*
    쿼리에 사용할 수 있는 와일드카드의 수는 제한되어 있지 않습니다.

참고:

SQL2 검색을 사용할 수도 있습니다.

참조 표시 - 클래식 UI

AEM에서는 현재 작업 중엔 페이지에 링크된 페이지를 확인할 수 있습니다.

직접 페이지 참조를 표시하려면:

  1. 사이드 킥에서 페이지 탭 아이콘을 선택합니다.

    screen_shot_2012-02-16at83127pm
  2. 참조 표시 선택... AEM에서 참조 창이 열리고 선택한 페이지를 참조하는 페이지와 해당 경로가 표시됩니다.

특정 상황에서 사이드 킥에서 다음을 비롯한 추가 작업을 사용할 수 있습니다.

또한 웹 사이트 콘솔에서 다른 페이지 간 관계를 볼 수 있습니다.

감사 로그 - 클래식 UI

사이드 킥의 정보 탭에서 감사 로그에 액세스할 수 있습니다. 여기에는 현재 페이지에서 수행한 최근 작업이 나열됩니다. 예:

chlimage_1

페이지 정보 - 클래식 UI

웹 사이트 콘솔은 페이지의 현재 상태(예: 게시, 수정, 잠김, livecopy 등)에 대한 정보도 제공합니다.

페이지 모드 - 클래식 UI

클래식 UI로 페이지를 편집할 때에는 사이드 킥의 하단에 있는 아이콘을 사용하여 액세스할 수 있는 다양한 모드가 있습니다.

chlimage_1

사이드 킥 하단의 아이콘 행은 페이지 작업 모드를 전환하는 데 사용됩니다.

  • 편집
    기본 모드로서 페이지를 편집하고, 구성 요소를 추가하거나 삭제하고, 기타 변경을 수행할 수 있습니다.
  • 미리 보기
    이 모드에서는 페이지가 웹 사이트에 나타나는 최종 형태를 미리 볼 수 있습니다.
  • 디자인
    이 모드에서는 구성 요소를 액세스할 수 있도록 구성하여 페이지의 디자인을 편집할 수 있습니다.

참고:

다른 옵션도 사용할 수 있습니다.

  • Scaffolding
  • ClientContext
  • 웹 사이트 - [웹 사이트] 콘솔을 엽니다.
  • 다시 로드 - 페이지를 새로 고칩니다.

키보드 단축키

터치에 적합한 UI와 클래식 UI에서는 다양한 키보드 단축키를 사용할 수 있습니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책