통합 매뉴얼 9.html 간편 디자인 만들기
2010-10-20 14:00:02

3 html 간편 디자인 만들기

Html로 간편 디자인을 만들기 전에 솔루션의 간편 디자인 메뉴에 대해서 살펴보겠습니다. 아래 그림과 같이 디자인 관리에 간편 디자인 관리와 간편 디자인 환경설정 메뉴항목이 표시됩니다.

[디자인관리》디자인 마법사 설정》간편 디자인 환경설정]에서 html 간편 디자인을 만들어 보도록 하겠습니다.

EMB000014903574 src

간편 디자인 사용여부를 결정합니다. 일반 쇼핑몰 관리자가 간편 디자인을 사용할 수 있도록 사용함에 체크합니다.

간편 디자인 사용여부가 사용함에 체크된 경우 표시되는 항목입니다.

고급 사용자를 위한 간편 디자인의 환경설정부분입니다.

(1) html 간편디자인 만들기

html로 간편 디자인을 만들게 되면, 이미지 첨부형태의 간편 디자인과 달리 바로 수정이 가능하다는 장점이 있습니다. 왼쪽 디자인의 고객센터 정보를 [디자인관리》디자인 마법사 설정》간편 디자인 환경설정]에서 html 간편 디자인으로 만들어 보겠습니다.

EMB000014903575 src

[디자인관리》디자인 마법사 설정》간편 디자인 환경설정]에서 변환코드관리를 클릭하고 아래에 나타나는 사용자 항목목록에서 사용자 항목 추가를 클릭합니다.

EMB000014903576 src

변환코드 설정에 적당한 코드명(center2)을 입력합니다.

항목 명에 고객센터 정보라고 입력합니다.

항목 유형에 html편집기를 선택 합니다.

가로와 세로의 크기를 입력 합니다,

기본값의 html편집기를 이용해서 고객센터의 정보를 입력합니다.

등록버튼을 클릭하면 [사용자 항목 목록]{USER_center2}라는 간편 디자인이 생성됩니다.

(2) html 간편디자인 적용하기

EMB000014903577 src

만들어진 간편 디자인 코드명을 복사해서 왼쪽 디자인에 적용하겠습니다.

EMB000014903578 src

[디자인관리》고급 디자인 관리》메인 화면 디자인》왼쪽 디자인]에서 웹디모 샵 왼쪽이 선택되어진 상태에서 고객센터 정보가 표시되는 부분의 <td>~</td>에 복사한 간편 디자인 코드를 삽입합니다.

수정 버튼을 클릭하면 html 간편 디자인이 적용됩니다.

동일한 방법으로“입금안내의 계좌번호”도 html간편 디자인으로 생성하면 아래 그림과 같이 적용된 화면을 볼 수 있습니다.

EMB000014903579 src

tip) 만들어진 간편 디자인은 [디자인관리》간편 디자인 관리]에서 쉽게 수정 할 수 있습니다.