Cafe24

카페24 스마트디자인 수정하는 방법

똥베이런 2016. 5. 15.
반응형

카페24 스마트디자인에 대해 알아 보도록 하겠습니다.

카페24 스마트디자인은 변경하고 싶은 부분에 있어서

이미지를 만들어 삽입을 하면 그대로 반영이 되는 것을 말하는 것인데요

스마트 디자인을 하려면 기본적으로 HTML 과 

CSS 에 대한 기본 지식이 필요합니다.


왜냐구요 ?

모든 웹 홈페이지는 html과 스타일시트로 이루어져 있습니다.

그럼 소개를 해드릴건데요




저번에 알려 드린것 처럼 카페 24 쇼핑몰센터에서 로그인 하시고 

관리자 페이지에 접속을 하신후에 

디자인관리 버튼을 누르시고 디자인 보관함을 누르시면요

위에 이미지 처럼 기본디자인 옆 또는 추가 하신 기본디자인옆에 

스마트디자인수정이라고 있는데요


스마트디자인 수정이라는 버튼을 클릭 해보시면


위와 같은 소스가 나옵니다 

쉽게 말씀을 드리자면 카페24 홈페이지는


공통레이아웃과 메인레이아웃 그리고 쇼핑몰 바디라고 부를수있는

인덱스 파일이 있는데요


기본적으로 수정을 해야하는것이 공통레이아웃입니다

레이아웃을 설명을 드리자면 좀긴데요

메뉴 부분을 포함해서 사용자가 클릭하는 링크에 대해

공통적으로 제공하는 것이라고 보시면 되겠습니다

밑에 있는 이미지는 저희 회사에서 쇼핑몰 만든다고

제가 만들고있는 이미지입니다 ㅋㅋㅋ


케이블 계절상품 이렇게 보이시는데 위에 보사면

sample mall 이라고 있는데 톱니바퀴로 편집이라는 부분이 보이실텐데요

저 부분을 누르시고 이미지를 삽입 하시면 됩니다


기본 디자인에 메인 이미지죠 

저것도 비슷합니다

편집 부분을 누르고 이미지를 삽입하면 바로 변경이 되구요


지금 제가 알려 드린 포스팅 내용은

그냥 스마트 디자인에 대해 아 그냥 스마트디자인은

편집을 통해서 이미지만 첨부하면 되는구나 라고 이해하시면 되시구요 


실질적으로 작업하는 분들은 FTP 파일질라라는 프로그램에 접속해서

구성하고 있는 파일 안에 이미지를 수정하는 방식으로

작업을 하고 있어요


이것도 나중에 알려 드리겠습니다.



반응형

댓글