카페24 쇼핑몰을 꾸미긴 위해선 FTP을 알아야 하는데요
카페24 웹FTP와 파일질라를 소개시켜드릴게요~
관리자페이지 상단에 FTP버튼을 눌러주세요~
웹FTP > 웹FTP 접속 페이지에서 웹FTP 접속 버튼을 클릭해주세요
웹FTP 접속버튼을 클릭하시면 바로 설치가 되는데 안되면 위의 화면에서 플러그인 매니저 수동설치를 눌러서 설치해주세요
1) 맥OS(인터넷익스플로어 없음, 설치화면도 안나와요) - 설치불가능해요
2) 윈도우10(크롬) - 설치불가능해요
3) 윈도우10(인터넷익스플로어11) - 일반PC의 window환경에서 인터넷익스플로어에선 설치가 잘돼요
접속하시면 위의 화면이 나오는데요
아이디는 자동으로 입력이 되는데 암호만 입력하세요(처음만들었을때 카페24관리자비밀번호)
sde_design폴더, web폴더, w3c폴더가 보이면 접속성공입니다.
스킨폴더가 어디에 있는지는 파일질라 설명후 알려드릴게요~
https://filezilla-project.org/
파일질라사이트의 다운로드버튼을 클릭하셔서 다운받으시고 설치해주세요~
호스트 : 카페24계정아이디.cafe24.com
사용자명 : 카페24계정아이디
비밀번호 : 처음만들었을때 카페24관리자비밀번호(초기비밀번호입니다.)
sde_design폴더, web폴더, w3c폴더가 보이면 접속성공입니다.
스킨폴더는 /sde_design/입니다~
스킨디자인편집창에서 작업한 결과물이 여기에 저장됩니다.
관리자페이지의 디자인보관함에서 PC스킨을 추가하면 순서대로 base, skin1, skin2, skin3~
MOBILE스킨은 base, mobile1, mobile2, mobile3~ 이렇게 생성됩니다.
http://base.관리자계정아이디.cafe24.com
base가 폴더이름입니다~
소소한팁)
1. 각각 폴더이름별로 관리가 되며 디자인보관함에서 skin1을 삭제했다면 다시 생성할수없습니다.
예를 들어 skin1, skin2가 있는데 skin1을 삭제하고 스킨을 추가했다면 skin1이 생성되는게 아니라
skin3이 생성되게 됩니다.
2. 폴더를 생성하실때 FTP에서 생성하지 마시고 스킨디자인편집창에서 폴더를 생성해주세요.
css, js파일은 문제가 안되는데 이미지는 오류가 나더라구요~
3. A계정의 skin1스킨을 새로 생성한 계정이나 다른계정에서 똑같은 스킨을 사용하고 싶다면
1) A계정의 skin1스킨을 내컴퓨터로 다운로드 받는다
2) 새로생성한계정이나 다른계정의 폴더명 상관없이 예를들어 skin2폴더안의 파일을 삭제후
A계정의 skin1스킨의 안에 있는 파일을 전부다 올린다.
skin1폴더명이라고 skin1폴더에 넣어줄필요는 없습니다.
폴더명은 그져 디자인보관함의 관리를 위해 폴더명을 정해좋은겁니다.
3) css,js,이미지 파일 경로가 똑같은지 확인한다. 다를경우 수정해준다
같은폴더안에 있을경우 절대경로를 사용가능하지만 같은폴더안에 있지않을경우 전체주소를 넣어줘야합니다.
ex) http://skin1.관리자계정아이디.cafe24.com
skin1폴더 > images폴더 이미지가 있을경우
파일 경로는 /images/이미지명 이렇게 절대경로가 사용가능하지만
같은폴더가 아닌 다른곳에 있다면 http://관리자계정아이디.cafe24.com/이미지폴더명/이미지명
이렇게 전체주소와 폴더명 이미지명을 같이 써줘야 나오게 됩니다.
4. 이미지명.jpg 로 올렸을경우 이미지가 최적화가 되어 화질이 낮아지게 됩니다.(이미지크기줄어듬)
이미지최적화 안내문
https://service-api.echosting.cafe24.com/Shopboard/index.php?url=BoardView&bbs_no=12&no=341996
<업데이트내용>
- 상품등록/수정시의 이미지 등록(대표/개별등록) 및 FTP를 이용하여 이미지를 업로드 하는 경우 이미지는 실시간으로 최적한된 이미지로 변경됩니다.
(jpg,jpeg만 해당되며 png,gif등 jpg 파일을 제외한 다른 형식의 이미지에는 적용되지 않습니다.)
- 적용 시점 이후에 업로드한 이미지에 한하여 적용되며 기존 등록한 이미지에는 반영되지 않습니다.
제가 작업을 하면서 시행착오가 많았어요 ㅠㅠ
글을 쓰면서 정리가 되는것 같네요 ㅎㅎ
제가 쓰는글이 여러분한테 많은 도움이 됐으면 좋겠습니다!! ^^
[카페24 쇼핑몰] 게시판 (0) | 2020.01.10 |
---|---|
[카페24 쇼핑몰] 상품상세 모듈(module), 변수 (0) | 2020.01.08 |
[카페24 쇼핑몰] 상품분류 모듈(module), 변수 (0) | 2020.01.05 |
[카페24 쇼핑몰] 인스타그램 카페24 위젯 설치하기 (0) | 2020.01.04 |
[카페24 쇼핑몰] 웹폰트 적용방법 (2) | 2020.01.03 |
댓글 영역