디자인관리
디자인 기본설정
|
스타일시트 관리
|
인트로/공사중 설정
|
WebFTP 이미지 관리
|
배너 관리
|
메인팝업창 관리
|
디자인코디 (easy스킨용)
|
디자인코디 (HTML) - 메인페이지 디자인
|
디자인코디 (HTML) - 기타페이지 디자인
|
새로운 페이지 추가하기
|
오픈마켓 전용 이미지관리
배너관리
<P> <TABLE id=tblContent cellSpacing=0 cellPadding=0 width=740 border=0> <TBODY> <TR> <TD> <DIV align=left><FONT color=#000000>배너등록방법에 대한 설명을 자세히 안내해드립니다.</FONT></DIV> <DIV align=left><FONT color=#000000>아래 내용대로 천천히 따라해보시면 쉽게 배너를 등록하고 활용하는 방법을 마스터하실 수 있습니다.</FONT></DIV> <DIV align=left><FONT color=#0000ff></FONT> </DIV> <DIV align=left><FONT color=#0000ff></FONT> </DIV> <DIV align=left><FONT color=#0000ff>① 포토샵에서 배너이미지를 만듭니다. '싸이홈피배너'는 쇼핑몰 화면의 측면에 놓을 예정이고, '파격할인배너'는 메인본문쪽에 놓으려 합니다.</FONT></DIV> <DIV align=left> </DIV> <P align=left><img onLoad='miniSelfResize(contents_6,this)' height=51 src="http://guide.godo.co.kr/shop/data/editor/1163379220.gif" width=166> <img onLoad='miniSelfResize(contents_6,this)' height=51 src="http://guide.godo.co.kr/shop/data/editor/1163379238.gif" width=166></P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left><FONT color=#0000ff>② '<FONT color=#ff0000>디자인관리 > 배너관리</FONT>' 로 가서 '<FONT color=#ff0000>배너위치관리</FONT>' 를 클릭합니다.</FONT></P> <P align=left><img onLoad='miniSelfResize(contents_6,this)' height=155 src="http://guide.godo.co.kr/shop/data/editor/1163379283.gif" width=646></P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left><FONT color=#0000ff>③ 각 배너의 성격에 맞는 적당한 말을 각각 입력합니다.</FONT></P> <P align=left><img onLoad='miniSelfResize(contents_6,this)' height=346 src="http://guide.godo.co.kr/shop/data/editor/1163379317.jpg" width=650></P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left><FONT color=#0000ff>④ 배너관리로 돌아와서 배너등록 버튼을 누르세요.</FONT></P> <P align=left><FONT color=#0000ff><img onLoad='miniSelfResize(contents_6,this)' height=149 src="http://guide.godo.co.kr/shop/data/editor/1163379354.jpg" width=650></FONT></P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left><FONT color=#0000ff>⑤ 3번에서 입력한 배너위치를 선택하고, 연결주소 입력, 타겟설정, 배너이미지를 찾아 등록하세요.</FONT></P> <P align=left><FONT color=#0000ff><img onLoad='miniSelfResize(contents_6,this)' height=197 src="http://guide.godo.co.kr/shop/data/editor/1163379376.jpg" width=630></FONT></P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#ff00ff><STRONG></STRONG></FONT> </P> <P align=left><FONT color=#ff00ff size=3><STRONG>*** 위 연결주소란에 주소를 입력할 때 유의하실 점! (필독) ***</STRONG></FONT></P> <P align=left><FONT color=#000000>- 위처럼 <FONT color=#2080d0>다른 사이트로 이동</FONT>할때에는 <FONT color=#2080d0>절대경로</FONT>인 http://cyworld.com 또는 http://www.naver.com 이렇게 <FONT color=#2080d0>모든 주소</FONT>를 넣습니다.</FONT></P> <P align=left><FONT color=#000000>- 그러나 <FONT color=#2080d0>내 쇼핑몰의 다른 페이지로 이동</FONT>할때에는 가고자하는 페이지의 주소에서 <FONT color=#2080d0>도메인을 제외한 나머지 주소를 복사</FONT>하여 넣습니다. </FONT></P> <P align=left><FONT color=#000000>- 예를 들어 배너를 눌렀을때 <FONT color=#2080d0>회사소개페이지</FONT>로 가고자 할때, 그 주소는 http://www.test.co.kr/shop/service/company.php 이 되고,</FONT></P> <P align=left><FONT color=#000000> 여기서 <FONT color=#2080d0>도메인을 제외한 나머지주소는 </FONT><FONT color=#ff0000>/shop/service/company.php</FONT> 이 됩니다. <FONT color=#ff0000>이 부분만 주소란에 입력</FONT>하면 됩니다.</FONT></P> <P align=left><FONT color=#000000>- 다시 설명하면, <FONT color=#2080d0>내 쇼핑몰의 다른 페이지로 이동</FONT><FONT color=#000000>할때</FONT>에는 반드시 <FONT color=#2080d0>상대경로, 즉 도메인을 제외한 나머지주소를 복사</FONT>해서 입력하세요! </FONT></P> <P align=left>- 예를 들어 배너클릭시 <FONT color=#2080d0>특정 카테고리로 이동</FONT>하고자 하면, 입력할 주소는 <FONT color=#ff0000>/shop/goods/goods_list.php?category=001</FONT> 이렇게 됩니다. </P> <P align=left>- 꼭 도메인을 제외한 나머지주소를 복사해서 입력하세요. </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff> </FONT></P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff>⑥ 자, 이제 싸이월드홈피배너가 등록되고 아래처럼 <FONT color=#ff0000>치환코드가 생성</FONT>되었습니다. 이런식으로 다른 배너들도 등록합니다. </FONT></P> <P align=left><FONT color=#0000ff> 배너옆에 생성된 치환코드를 잘 기억하세요.</FONT></P> <P align=left><FONT color=#0000ff><img onLoad='miniSelfResize(contents_6,this)' height=170 src="http://guide.godo.co.kr/shop/data/editor/1163379393.jpg" width=650></FONT></P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left><FONT color=#0000ff>⑦ 자! 이제 싸이배너를 메인 측면부분에 보이려고 합니다. </FONT></P> <P align=left><FONT color=#0000ff> '<FONT color=#ff0000>디자인관리 > 왼쪽 디자인코디(HTML작업) - 메인페이지디자인</FONT>' 으로 가서 '<FONT color=#ff0000>2 </FONT><FONT color=#ff0000>측면디자인쪽의 (HTML소스직접수정)<FONT color=#0000ff>'</FONT> </FONT>을 눌러 소스를 엽니다.</FONT></P> <P align=left><img onLoad='miniSelfResize(contents_6,this)' height=341 src="http://guide.godo.co.kr/shop/data/editor/1163379410.jpg" width=650></P> <P align=left> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff>⑧ 배너가 들어갈 자리에 치환코드를 이용하여 아래와 같은 소스를 입력합니다.</FONT></P> <P align=left><FONT color=#0000ff> 가운데에 정렬되어야하니까 div안에 align=center 소스를 넣었구요. 알기쉽게 싸이월드홈피배너라는 주석도 달아줍니다.</FONT></P> <P align=left><FONT color=#0000ff> </FONT></P> <P align=left><FONT color=#0000ff> 아래 소스를 복사해서 넣으세요.</FONT></P> <P align=left><FONT color=#ff0000></FONT> </P> <P align=left><FONT color=#ff0000><STRONG><!-- 싸이월드홈피배너 Start --></STRONG></FONT></P> <P align=left><FONT color=#ff0000><STRONG><!--{ @ dataBanner( 6 ) }--></STRONG></FONT></P> <P align=left><FONT color=#ff0000><STRONG><div align=center>{.tag}</div></STRONG></FONT></P> <P align=left><FONT color=#ff0000><STRONG><!--{ / }--></STRONG></FONT></P> <P align=left><FONT color=#ff0000><STRONG><!-- 싸이월드홈피배너 End--></STRONG></FONT></P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><img onLoad='miniSelfResize(contents_6,this)' height=451 src="http://guide.godo.co.kr/shop/data/editor/1163379420.jpg" width=677></P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left><FONT color=#0000ff> ⑨ 왼쪽측면의 싸이홈피배너는 소스를 적용했고, 이제 메인본문쪽에 '<FONT color=#ff0000>파격할인배너</FONT>'를 적용시키려 합니다.</FONT></P> <P align=left><FONT color=#0000ff> 메인본문영역이므로 '메인페이지디자인'에서 <FONT color=#ff0000>'본문디자인영역의 HTML소스직접수정</FONT>'을 눌러 소스를 엽니다.</FONT></P> <P align=left><FONT color=#0000ff></FONT></P> <P align=left><FONT color=#0000ff><img onLoad='miniSelfResize(contents_6,this)' height=338 src="http://guide.godo.co.kr/shop/data/editor/1163379445.jpg" width=650></FONT></P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff>⑩ 배너가 들어갈 자리에 치환코드를 이용하여 아래와 같은 소스를 입력합니다.</FONT></P> <P align=left><FONT color=#0000ff> 배너가 위치할 곳에 배너치환코드와 함께 적절한 테이블소스를 코딩합니다.<FONT color=#0000ff> 알기쉽게 파격할인배너라는 주석도 달아줍니다.</FONT></P> <P align=left></FONT> </P> <P align=left><img onLoad='miniSelfResize(contents_6,this)' height=364 src="http://guide.godo.co.kr/shop/data/editor/1163379463.jpg" width=650></P> <P align=left> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff></FONT> </P> <P align=left><FONT color=#0000ff> ⑪ 자! 이제 사용자화면을 보면 왼쪽측면하단에 싸이홈피배너가 적용되었고, 메인상단에도 파격할인 배너가 적용되었음을 확인합니다. </FONT></P> <P align=left><FONT color=#0000ff></FONT></P> <P align=left><FONT color=#0000ff><img onLoad='miniSelfResize(contents_6,this)' height=648 src="http://guide.godo.co.kr/shop/data/editor/1163379515.jpg" width=650></FONT></P> <P align=left><FONT color=#0000ff></FONT> </P></TD></TR> <TR> <TD height=10> </TD></TR></TBODY></TABLE></P>
디자인관리
