상세 컨텐츠

본문 제목

[카페24 쇼핑몰] FTP

쇼핑몰 코딩정보/카페24

by Web lover 2020. 1. 13. 18:24

본문

카페24 쇼핑몰을 꾸미긴 위해선 FTP을 알아야 하는데요

카페24 웹FTP와 파일질라를 소개시켜드릴게요~

 

카페24 웹FTP

관리자페이지 상단

관리자페이지 상단에 FTP버튼을 눌러주세요~

 

웹FTP

웹FTP > 웹FTP 접속 페이지에서 웹FTP 접속 버튼을 클릭해주세요

 

웹FTP 설치화면

웹FTP 접속버튼을 클릭하시면 바로 설치가 되는데 안되면 위의 화면에서 플러그인 매니저 수동설치를 눌러서 설치해주세요

 

1) 맥OS(인터넷익스플로어 없음, 설치화면도 안나와요) - 설치불가능해요

2) 윈도우10(크롬) - 설치불가능해요

3) 윈도우10(인터넷익스플로어11) - 일반PC의 window환경에서 인터넷익스플로어에선 설치가 잘돼요

 

카페24 웹FTP

접속하시면 위의 화면이 나오는데요

아이디는 자동으로 입력이 되는데 암호만 입력하세요(처음만들었을때 카페24관리자비밀번호)

 

카페24 웹FTP

sde_design폴더, web폴더, w3c폴더가 보이면 접속성공입니다.

 

 

스킨폴더가 어디에 있는지는 파일질라 설명후 알려드릴게요~

 

 

 

FileZila(파일질라)

 

https://filezilla-project.org/

 

FileZilla - The free FTP solution

Overview Welcome to the homepage of FileZilla®, the free FTP solution. The FileZilla Client not only supports FTP, but also FTP over TLS (FTPS) and SFTP. It is open source software distributed free of charge under the terms of the GNU General Public Licens

filezilla-project.org

다운로드버튼

파일질라사이트의 다운로드버튼을 클릭하셔서 다운받으시고 설치해주세요~

 

  파일질라FTP

호스트 : 카페24계정아이디.cafe24.com

사용자명 : 카페24계정아이디

비밀번호 : 처음만들었을때 카페24관리자비밀번호(초기비밀번호입니다.)

 

FTP 접속화면

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

 

업그레이드

안녕하세요. 카페24 운영도우미 입니다. 사이트의 속도를 향상시키기 위하여 이미지를 보다 가볍게하여 노출 될 수 있도록 이미지최적화 솔루션을 적용하였습니다. 자세한 내용은 아래를 참조해주세요. ■ 이미지 최적화란 쇼핑몰에서 사용되는 이미지(상품 이미지, 상세 설명 이미지 등)를 용량은 줄이면서 화질은 크게 차이나지 않는 가벼운 이미지로 변경시켜주는 일종의 이미지 다이어트 작업입니다. ■ 적용일자 : 2017년 07월 31일(월요일)부터 순차적용 ■ 업데이

service-api.echosting.cafe24.com

 

<업데이트내용>

- 상품등록/수정시의 이미지 등록(대표/개별등록) 및 FTP를 이용하여 이미지를 업로드 하는 경우 이미지는 실시간으로 최적한된 이미지로 변경됩니다.

(jpg,jpeg만 해당되며 png,gif등 jpg 파일을 제외한 다른 형식의 이미지에는 적용되지 않습니다.)

 

- 적용 시점 이후에 업로드한 이미지에 한하여 적용되며 기존 등록한 이미지에는 반영되지 않습니다.

 

 

제가 작업을 하면서 시행착오가 많았어요 ㅠㅠ

글을 쓰면서 정리가 되는것 같네요 ㅎㅎ

제가 쓰는글이 여러분한테 많은 도움이 됐으면 좋겠습니다!! ^^

관련글 더보기

댓글 영역