CMS매뉴얼 9.html 간편 디자인 만들기
2012-02-25 19:45:45

9. 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) 만들어진 간편 디자인은 [디자인관리》간편 디자인 관리]에서 쉽게 수정 할 수 있습니다.