Visual Experience Composer개 변경

Adobe Target Standard/Premium 25.2.1 릴리스(2015년 2월 17일)에서는 업데이트된 Visual Experience Composer​(VEC)이 도입되었습니다. 이 문서에서는 VEC의 이전 버전과 업데이트된 버전의 차이점에 대해 설명합니다.

VEC는 기존 활동을 작성하거나 편집할 때 표시됩니다.

VEC에 대한 주요 변경 사항

다음 섹션에서는 이전 버전과 비교하여 업데이트된 VEC의 주요 변경 사항에 대해 설명합니다.

Experiences 레일

이전 버전과 마찬가지로 Experiences 레일은 VEC 왼쪽에 남아 있습니다. Experiences 레일을 축소할 수 없습니다.

Experiences 레일을 사용하여 경험을 만들거나 이름을 바꾸거나 제거할 수 있습니다. 새 경험을 추가하려면 Add 아이콘( )을 클릭하십시오. 경험을 복제, 삭제 또는 리디렉션하려면 More Actions 아이콘( )을 클릭하십시오.

Components 레일(신규)

새 Components 레일을 사용하여 웹 페이지에 여러 구성 요소를 추가하고 필요에 따라 편집할 수 있습니다.

새 구성 요소를 추가하려면 삽입하려는 Components 레일의 구성 요소를 Design 캔버스의 기존 페이지 요소 위로 드래그합니다. 그런 다음 선택한 요소 뒤의 앞에 구성 요소를 삽입하도록 선택합니다.

Modifications 레일

Modifications 레일을 열려면 Components 레일에서 Show Modifications 아이콘( )을 클릭합니다. Modifications 레일이 편집 캔버스의 오른쪽에서 왼쪽으로 위치가 변경되었습니다.

Modifications 레일에는 VEC에서 페이지에 적용된 모든 변경 내용이 표시되며, 이를 통해 CSS 선택기, Mbox 및 사용자 지정 코드와 같은 추가 변경 내용을 적용할 수 있습니다.

수정 사항을 추가하거나, 모든 수정 사항을 삭제하거나, 모든 잘못된 수정 사항을 삭제하려면 More Options 아이콘( )을 클릭하십시오. 대량 작업을 수행하려면 Select을(를) 클릭하십시오. Apply to All Pages 또는 Delete.

Modifications 레일을 다시 표시하려면 Modifications 레일에서 Hide Modifications 아이콘( )을 클릭하십시오.

Properties 레일(신규)

Properties 레일을 사용하면 해당 요소가 HTML 요소인지 또는 Target과(와) 관련된 개체(예: 권장 사항 또는 오퍼)인지 여부에 관계없이 페이지에서 선택한 요소의 속성을 변경할 수 있습니다.

레일 상단의 아이콘을 클릭하여 HTML 코드를 편집하거나 요소를 삭제, 복제 또는 숨깁니다. Modifications 레일에 변경 내용이 나타납니다.

오른쪽 레일에서 Properties 레일을 접을 수 있습니다. Properties 레일을 축소하거나 표시하려면 레일의 오른쪽에 있는 Show/Hide Properties 아이콘( )을 클릭합니다.

활동 설정/구성

디자인 캔버스 위에 표시된 Configure 아이콘( )을 클릭하여 활동 속성 메뉴를 표시합니다.

다양한 옵션을 사용하여 속성을 지정하고, 페이지 전달 규칙을 편집하고, 사이트 환경 설정을 지정하고, 페이지를 추가로 추가하고, 다중 페이지 또는 여러 대상 활동을 활성화 또는 비활성화할 수 있습니다. Properties 할당은 Target Premium 기능입니다.

위치 및 기능은 이전 VEC UI와 유사합니다.

Design/Browse 모드

Properties 레일의 맨 위에 표시된 Design/Browse 전환기를 사용하여 디자인과 찾아보기 모드를 전환합니다.

Browse 모드를 사용하여 사이트를 탐색하고 업데이트할 보기 또는 페이지를 선택하십시오. 변경 내용을 추가하거나 편집하려면 Design 모드로 다시 전환하십시오.

Undo/Redo

Undo 아이콘( )을 클릭하여 변경 내용을 실행 취소할 수 있습니다.

작업을 다시 실행하려면 실행 취소/Redo 단추 그룹을 확장하고 Redo을(를) 선택합니다.

Design 캔버스

Design 캔버스를 사용하면 화면 맞춤, Desktop, Tablet, Mobile Landscape 및 Mobile Portrait을(를) 포함한 뷰포트를 선택할 수 있습니다.

또한 업데이트된 VEC를 사용하면 적절한 아이콘( 또는 )을 클릭하여 확대하거나 축소할 수 있습니다.

UI 변경 사항을 보여 주는 시각적 일러스트레이션

다음 그림은 업데이트된 VEC에 대한 높은 수준의 UI 변경 사항을 보여줍니다. 그림 맨 위에는 업데이트된 VEC UI가 표시되고 맨 아래에 이전 UI가 표시됩니다. 화살표는 다양한 요소가 이동한 위치를 보여 줍니다.

이미지를 클릭하여 브라우저의 전체 너비로 확장합니다.

{width="600" modal="regular"}

업데이트된 UI에 대한 추가 정보