CMS매뉴얼 9.간편디자인 만들기
2012-02-25 10:48:43

9. 간편디자인 만들기

간편 디자인은 예스탑 솔루션을 처음 사용하는 사용자도 쉽게 수정이 가능하도록 만들어진 기능입니다. 간편디자인을 이용하여 메인 중앙 디자인의 제품소개 이미지를 만들어 보도록 하겠습니다.

EMB000005e01ac0 src

아래와 같이 html코딩시 생성된 간편디자인 변환코드를 삽입하였습니다.

<div style='padding:17 0 0 0;'>

<img src="/img_up/shop_pds/uhome003/design/main/webdimo.gif" width="386" height="30">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td align="left">{USER_webdimo1}</td>

<td align="left">{USER_webdimo2}</td>

<td width="80" align="left">{USER_webdimo3}</td>

</tr>

</table>

</div>

tip)간편디자인 변환코드는 {USER_ 로 시작됩니다. , {USER_내가 지정한 코드명}의 형태로 됩니다.

EMB000005e01ac1 src

? [디자인 관리》디자인 마법사 설정》간편디자인 환경설정]의 변환코드 관리 버튼을 클릭합니다.

? 사용자 항목 추가를 클릭합니다.

? 간편디자인 생성 창의 변환코드 설정에 사용하고자 하는 변환코드명을 webdimo1이라고 입력합니다.

? 항목명(제목)을 입력합니다.

? 항목 유형에 이미지, 플래시 첨부를 클릭합니다.

? 크기영역에 이미지의 가로와 세로의 크기를 입력합니다.

? 기본파일 첨부의 찾아보기 버튼을 클릭하여 이미지를 선택합니다.

? 원본파일을 업로드 합니다. 원본파일은 홈페이지 수정 시 필요한 자료입니다.

? 등록버튼을 클릭하고 홈페이지를 확인하면 다음과 같이 간편디자인이 적용된 화면을 볼 수 있습니다.

EMB000005e01ac2 src

오른쪽의 제품소개 이미지도 위의 ? ~ ?와 동일한 방법으로 적용하여 간편 디자인으로 생성합니다.

Check point) 간편디자인에 하이퍼링크를 삽입할 경우에는 아래 그림과 같이 [디자인 관리 》디자인 마법사 설정 》간편디자인 환경설정]로 이동하여 Link URL에 링크주소를 입력합니다.

EMB000005e01ac3 src

? [디자인 관리 》디자인 마법사 설정 》간편디자인 환경설정]으로 이동하여 환경설정에서 간편 디자인 사용여부를“사용함”에 체크합니다. 아래와 같이 [사용함]에 체크된 경우에는 디자인관리에“간편디자인 관리”가 표시되므로 관리자가 간편 디자인을 쉽게 수정할 수 있습니다.

EMB000005e01ac4 src