꼭 확인하세요!!
고도몰의 스킨 레이아웃은 크게 상단영역 / 하단영역 / 측면영역 / 본문영역 그리고 좌우 스크롤영역으로 구성되어 있습니다.
본문 영역은 각 페이지별 html 본문영역을 의미합니다.
상단, 하단, 측면, 스크롤 영역은 쇼핑몰 내 전체 혹은 일부 페이지에 공통으로 적용할 수 있는 영역입니다.
측면영역의 위치와 전체 쇼핑몰 화면의 배경색상/배경이미지도 공통으로 설정할 수 있습니다.
디자인 스킨 레이아웃의 각 영역별 디자인 파일을 수정하여 쇼핑몰 기본 레이아웃을 변경할 수 있습니다.
레이아웃 디자인 파일을 수정 및 삭제하게 되면 해당 레이아웃이 적용된 모든 페이지에 작업 내용이 동일하게 적용됩니다.
각 영역에 있는 [편집하기]를 클릭하면 해당 영역의 "디자인 페이지 수정" 화면으로 이동합니다.
쇼핑몰 html 본문(body)의 상위 요소인 head 요소를 확인 및 수정할 수 있습니다.
head 요소 : html 문서 속성을 정의하는 "메타데이터"와 쇼핑몰에 적용할 스타일시트(CSS), 자바스크립트 등을 연결하거나 직접 입력할 수 있습니다.
"전체 레이아웃 > 상단 디자인" 폴더 내 생성된 디자인 파일을 선택하여 편집할 수 있습니다.
"전체 레이아웃 > 상단 디자인" 폴더에 [새로운 페이지 추가]를 클릭하여 새 페이지를 추가하거나, 등록되어 있던 상단영역 디자인 파일의 수정페이지에서 [새이름으로 저장]을 클릭하여 기존 디자인 파일을 복사할 수 있습니다.
"전체 레이아웃 > 측면 디자인" 폴더 내 생성된 디자인 파일을 선택하여 편집할 수 있습니다.
"전체 레이아웃 > 측면 디자인" 폴더에 [새로운 페이지 추가]를 클릭하여 새 페이지를 추가하거나, 등록되어 있던 측면영역 디자인 파일의 수정페이지에서 [새이름으로 저장]을 클릭하여 기존 디자인 파일을 복사할 수 있습니다.
메인, 서브페이지 폴더 안에 수정할 페이지의 html 선택 시 본문영역을 수정할 수 있습니다.
본문영역 우측 [편집하기] 클릭 시 메인페이지 본문 영역의 디자인 파일 수정페이지로 이동합니다.
"전체 레이아웃 > 하단 디자인" 폴더 내 생성된 디자인 파일을 선택하여 편집할 수 있습니다.
"전체 레이아웃 > 하단 디자인" 폴더에 [새로운 페이지 추가] 를 클릭하여 새 페이지를 추가하거나
등록되어 있던 하단영역 디자인 파일의 수정페이지에서 [새이름으로 저장]을 클릭하여 기존 디자인 파일을 복사할 수 있습니다.
"하단 레이아웃 _footer.html" 파일을 수정할 수 있습니다.
전체 쇼핑몰 레이아웃의 측면위치와 배경 색상, 이미지를 지정할 수 있습니다.
"측면영역"의 위치를 "본문영역" 왼쪽 또는 오른쪽으로 설정할 수 있습니다.
쇼핑몰 페이지의 배경을 설정할 수 있습니다.
