버전용 도움말 콘텐츠:

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

사이트 관리

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

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

chlimage_1

페이지 컨텐츠 편집

페이지 편집기로 페이지를 편집할 수 있습니다. 예:

   http://localhost:4502/editor.html/content/we-retail/us/en/equipment.html

chlimage_1

참고:

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

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

도움말 액세스

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

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

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

구성 요소 브라우저

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

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

chlimage_1

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

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

참고:

너비가 1024px 미만이면 모바일 장치가 검색됩니다. 소형 데스크톱 창에 해당할 수도 있습니다.

  • 모바일 장치(예: iPad)

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

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

    chlimage_1
  • 데스크탑 장치

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

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

    chlimage_1

    구성 요소는 다음으로 표시됩니다.

    • 구성 요소 이름
    • 구성 요소 그룹(회색)
    • 아이콘 또는 약어
      • 표준 구성 요소의 아이콘은 단색입니다.
      • 약어는 항상 구성 요소 이름의 첫 번째 두 문자입니다.

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

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

    구성 요소에 대한 자세한 설명을 보려면 구성 요소 브라우저의 구성 요소 옆에 있는 정보 아이콘(있는 경우)을 클릭하거나 탭할 수 있습니다.

    chlimage_1

    사용 가능한 구성 요소에 대한 자세한 내용은 구성 요소 콘솔을 참조하십시오.

자산 브라우저

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

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

chlimage_1

사이드 패널을 열 때는 왼쪽에서 밀어서 열게 됩니다. 필요한 경우 자산 탭을 선택합니다.

chlimage_1

자산 브라우저가 열려 있으면 페이지에 사용 가능한 모든 자산을 검색할 수 있습니다. 필요하면 목록을 확장하는 데 스크롤을 무제한으로 사용합니다.

chlimage_1

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

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

참고:

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

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

  • 이름
  • 경로
  • 자산 유형(예: 이미지, 원고, 문서, 비디오, 페이지, 단락, 제품)
  • 방향(세로, 가로, 정사각형) 및 스타일(컬러, 단색, 회색)과 같은 자산 특성
    • 특정 자산 유형에만 사용할 수 있음

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

참고:

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

  • iPad와 같은 모바일 장치

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

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

    chlimage_1
  • 데스크탑 장치

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

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

    chlimage_1

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

chlimage_1

컨텐츠 트리

컨텐츠 트리는 계층 구조의 페이지에 있는 모든 구성 요소에 대한 개요를 제공하여 페이지 작성 방법을 한눈에 볼 수 있습니다.

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

chlimage_1

사이드 패널을 열 때에는 (왼쪽에서) 밀어서 열게 됩니다. 필요한 경우 컨텐츠 트리 탭을 선택합니다. 열리면 페이지나 템플릿의 트리 보기 표시를 확인하여 컨텐츠가 계층 구조로 구성되는 방식을 쉽게 이해할 수 있습니다. 또한 복잡한 페이지에서는 페이지의 구성 요소 간에 쉽게 이동할 수 있습니다.

chlimage_1

페이지는 동일한 유형의 수많은 구성 요소로 간편하게 구성할 수 있으므로 구성 요소 트리는 구성 요소 유형의 이름(검은색) 뒤에 설명 텍스트(회색)를 표시합니다. 설명 텍스트는 제목 또는 텍스트와 같은 구성 요소의 공통된 특성에서 가져옵니다.

구성 요소 유형은 사용자 언어로 표시되는 반면 구성 요소 설명 텍스트는 페이지 언어로 제공됩니다.

구성 요소 옆에 있는 화살표를 클릭하면 해당 수준을 축소하거나 확장합니다.

chlimage_1

구성 요소를 클릭하면 페이지 편집기에서 구성 요소가 강조 표시됩니다.

chlimage_1

트리에서 클릭한 구성 요소가 편집 가능한 경우 이름의 오른쪽에 공구 모양 아이콘이 표시됩니다. 이 아이콘을 클릭하면 구성 요소의 편집 대화 상자가 바로 시작됩니다.

chlimage_1

참고:

모바일 장치(브라우저 너비가 1024px 미만인 경우)에서 페이지를 편집하는 경우, 컨텐츠 트리를 사용할 수 없습니다.

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

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

참조

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

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

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

chlimage_1

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

chlimage_1

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

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

chlimage_1

이벤트 - 타임라인

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

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

chlimage_1

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

chlimage_1

페이지 정보

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

chlimage_1

예를 들어 해당하는 경우 페이지 정보 옵션도 표시됩니다.

또한 페이지 정보는 해당하는 경우 분석 및 권장 사항에 대한 액세스 권한을 제공할 수 있습니다.

페이지 모드

여러 작업을 허용하는 페이지를 편집할 때는 다음과 같은 다양한 모드가 있습니다.

  • 편집 - 페이지 컨텐츠를 편집할 때 사용할 모드
  • 레이아웃 - 장치에 따라 응답형 레이아웃을 만들고 편집할 수 있도록 허용(페이지가 레이아웃 컨테이너를 기반으로 하는 경우)
  • 스캐폴딩 - 구조는 동일하면서 내용이 다른 페이지를 여러 개 만드는 데 도움이 됩니다.
  • 개발자 - 다양한 작업을 수행할 수 있습니다(권한 필요). 이러한 작업에는 페이지 및 해당 구성 요소의 기술적인 세부 정보 검사가 포함됩니다.
  • 디자인 - 페이지에서 사용할 구성 요소를 활성화/비활성화하고 구성 요소의 디자인을 구성할 수 있습니다(페이지가 정적 템플릿을 기반으로 하는 경우).
  • 타깃팅 - 모든 채널에서 타깃팅과 측정을 통해 컨텐츠 관련성을 높입니다.
  • 타임워프 - 특정 시점에 페이지 상태를 볼 수 있습니다.
  • Live Copy 상태 - live copy 상태와 상속되었거나 상속되지 않은 구성 요소에 대한 간단한 개요를 알 수 있습니다.
  • 미리 보기 - 페이지가 게시 환경에 표시될 상태로 해당 페이지를 보거나 컨텐츠의 링크를 사용하여 탐색하는 데 사용됩니다.
  • 주석 - 페이지에서 주석을 추가하거나 보는 데 사용됩니다.

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

chlimage_1

참고:

  • 페이지의 특성에 따라 사용 가능한 일부 모드를 사용할 수 없습니다.
  • 일부 모드에 액세스하려면 적절한 권한이 필요합니다.
  • 공간 제약으로 인해 [개발자 모드]는 모바일 장치에서 사용할 수 없습니다.
  • 키보드 단축키(Ctrl-Shift-M)를 사용하여 미리 보기와 현재 선택한 모드(예: 편집, 레이아웃 등) 간에 전환합니다.

경로 선택

작성할 때, 다른 페이지나 리소스에 대한 링크를 정의하거나 이미지를 선택할 때와 같이 다른 리소스를 선택해야 하는 경우가 있습니다. 경로를 쉽게 선택할 수 있도록 경로 필드가 자동 완성 기능을 제공하고 경로 브라우저가 보다 강력하게 선택할 수 있도록 지원합니다.

경로 필드

여기에 사용되는 예제는 이미지 구성 요소입니다. 구성 요소 사용 및 편집에 대한 자세한 내용은 페이지 작성 구성 요소를 참조하십시오.

경로 필드에는 자동 완성 및 예측 기능이 있어 리소스를 쉽게 찾을 수 있습니다. 경로 필드에 입력을 시작하면 AEM에서 사용자가 입력하는 것과 일치하는 경로를 제공합니다.

chlimage_1

경로 필드에서 선택 대화 상자 열기 단추를 클릭하면 경로 브라우저 대화 상자가 열려 좀 더 상세한 선택 옵션을 사용할 수 있습니다.

chlimage_1

경로 브라우저

경로 브라우저는 [사이트 콘솔]의 열 보기와 같이 구성되어 리소스에 대한 상세한 선택 항목을 확인할 수 있습니다.

chlimage_1

리소스를 선택하면 대화 상자의 오른쪽 상단에 선택 단추가 활성화됩니다. 클릭하거나 탭하여 선택 사항을 확인하거나 취소를 선택하여 중단할 수 있습니다.

컨텍스트가 여러 리소스를 선택할 수 있도록 허용하는 경우 리소스를 선택해도 [선택] 단추가 활성화되지만 창 오른쪽 상단에 선택한 리소스 수가 추가됩니다. 숫자 옆에 있는 X를 클릭하면 모두 선택 취소됩니다.

chlimage_1

탐색 표시를 사용하여 리소스 계층 구조 내에서 빠르게 이동할 수 있습니다.

chlimage_1

언제든지 대화 상자 상단의 검색 필드를 사용할 수 있습니다.

chlimage_1

검색 필드에서 X를 클릭하여 검색을 지웁니다.

검색 범위를 좁히려면 필터 옵션을 표시하고 특정 경로에 따라 결과를 필터링할 수 있습니다.

chlimage_1

키보드 단축키

다양한 키보드 단축키도 사용할 수 있습니다.

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

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